/* MOMO6 Engine site · design tokens (single source for colour, type, space, radius, layers, motion) */
@property --p{syntax:"<number>";inherits:true;initial-value:0}
:root{
  /* colour */
  --bg:#07070B;
  --surface:rgba(255,255,255,.028);
  --surface-2:rgba(255,255,255,.05);
  --surface-3:rgba(255,255,255,.08);
  --line:rgba(255,255,255,.08);
  --line-2:rgba(255,255,255,.16);
  --ink:#F5F5F7;
  --ink-2:#C6C6D2;
  --muted:#8B8B9E;
  --lime:#D4FF3F;
  --violet:#8B7BFF;
  --cyan:#5CE1FF;
  --coral:#FF6A5C;
  --lime-a10:rgba(212,255,63,.10);
  --coral-a12:rgba(255,106,92,.12);
  --violet-a15:rgba(139,123,255,.15);
  --on-accent:#0A0A0F;
  --cool:var(--lime);
  --heat:var(--coral);
  --grad:linear-gradient(110deg,#8B7BFF 0%,#5CE1FF 48%,#D4FF3F 100%);

  /* type */
  --font-sans:"Geist","Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  --font-serif:"Instrument Serif","Noto Serif SC",Georgia,serif;
  --font-mono:"Geist Mono",ui-monospace,Consolas,"Noto Sans SC",monospace;
  --fs-2xs:11px;
  --fs-xs:12px;
  --fs-sm:13px;
  --fs-md:15px;
  --fs-base:16px;
  --fs-lg:18px;
  --fs-xl:20px;
  --fs-2xl:24px;
  --fs-3xl:34px;
  --fs-display-m:clamp(36px,5vw,68px);
  --fs-display-l:clamp(40px,5.2vw,80px);
  --lh-body:1.65;
  --tracking-display:-.045em;
  --tracking-label:.08em;

  /* space (4-based) */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px;
  --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px; --s-10:128px;

  /* radius */
  --r-sm:10px; --r-md:14px; --r-lg:20px; --r-xl:28px; --r-pill:999px;

  /* layers */
  --z-below:-1; --z-hud:10; --z-nav:50; --z-progress:60; --z-skip:70;

  /* motion */
  --dur-fast:200ms; --dur:450ms; --dur-slow:1000ms;
  --ease:cubic-bezier(.2,.8,.2,1);

  /* layout */
  --nav-h:68px;
  --mnav-h:0px;
  color-scheme:dark;
}