:root{
  --c-bg-warm:#fffaf3;
  --c-bg-cool:#f4f7fd;
  --c-bg-mist:#eef1fa;
  --c-blue:#20b0e0;
  --c-blue-deep:#1a6fd1;
  --c-orange:#f09000;
  --c-orange-soft:#ffc46b;
  --c-teal:#27c7b8;
  --c-ink:#17305a;
  --c-ink-2:#3d5577;
  --c-line:rgba(23,48,90,.10);

  --light-x:-1;
  --light-y:-1;
  --sh-near:0 18px 40px rgba(23,48,90,.16),0 4px 10px rgba(23,48,90,.08);
  --sh-far:0 30px 80px rgba(23,48,90,.10);

  --glass-bg:linear-gradient(160deg,rgba(255,255,255,.86),rgba(255,255,255,.52));
  --glass-blur:14px;
  --glass-edge:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 0 1px rgba(255,255,255,.55);

  --f-title:"Chiron Hei HK","Noto Sans TC","Microsoft JhengHei",sans-serif;
  --f-head:"Huninn","Noto Sans TC","Microsoft JhengHei",sans-serif;
  --f-body:"Noto Sans TC","Microsoft JhengHei",sans-serif;
  --fs-h1:clamp(34px,5.4cqw,88px);
  --fs-h2:clamp(22px,2.6cqw,42px);
  --fs-body:clamp(14px,1.15cqw,19px);

  --r-lg:28px;
  --r-md:18px;
  --r-sm:12px;
  --gap:clamp(16px,2vw,32px);
  --page-max:1240px;

  --t-text:.6s;
  --t-scene:.9s;
  --t-stagger:.11s;
  --ease:cubic-bezier(.2,.7,.2,1);
}