/* ─────────────────────────────────────────
   tokens.css — KMC+LUCAS Design Tokens
   ───────────────────────────────────────── */

:root {

  /* ── Colors ── */
  --cream:     #f4f3ef;
  --red:       #c21f1f;
  --red-hot:   #ff281b;
  --dark:      #201d13;
  --sand:      #645d45;
  --nav-blue:  #929ec6;

  /* ── Fonts ── */
  --font-fustat: "Fustat", system-ui, sans-serif;
  --font-gruppo: "Gruppo", system-ui, sans-serif;
  --font-kyiv:   "Kyiv Type Sans", system-ui, sans-serif;

  /* ── Fluid Type Scale ──
     clamp(min, preferred-vw, max)
     All display sizes scale smoothly from ~375px to 1440px+
  ── */
  --fs-display: clamp(72px,  11.8vw, 170px);  /* NO ADS · LET'S TALK */
  --fs-heading: clamp(48px,  8vw,    115px);  /* ABOUT US · WORK */
  --fs-service: clamp(28px,  4.5vw,  65px);   /* 服务列表 */
  --fs-label:   clamp(20px,  2.3vw,  33px);   /* 标签 · 姓名 */
  --fs-body:    clamp(15px,  1.2vw,  20px);   /* 正文 */
  --fs-caption: clamp(12px,  0.9vw,  14px);   /* 辅助小字 */
  --fs-nav:     10px;                          /* 顶部导航，固定不缩放 */

  /* ── Spacing ── */
  --gutter:      clamp(24px, 5vw, 72px);
  --section-pad: clamp(48px, 6vw, 100px);

  /* ── Easing (mirrors Figma prototype) ── */
  --ease-slow:   cubic-bezier(0.45, 0, 0.15, 1);      /* SLOW */
  --ease-gentle: cubic-bezier(0.34, 1.56, 0.64, 1);   /* GENTLE */
  --ease-back:   cubic-bezier(0.68, -0.55, 0.27, 1.55); /* EASE_IN_OUT_BACK */
  --ease-std:    cubic-bezier(0.4, 0, 0.2, 1);         /* standard UI */

  /* ── Z-index Stack ── */
  --z-bg:         0;
  --z-brand:      1;
  --z-cover:      2;
  --z-content:    3;
  --z-nav:      100;
  --z-menu:     200;
}