/* ============================================
   Design tokens — extracted from reckon.house
   (see design-extractor/tokens.json)
   ============================================ */
:root {
  /* color */
  --color-bg: #f3f0ed;
  --color-ink: #1a1a1a;
  --color-surface: #ffffff;
  --color-surface-alt: #ede9e3;
  --color-border: #d6d0c7;
  --color-border-subtle: rgba(214, 208, 199, 0.55);
  --color-muted: #8c8578;
  --color-faint: rgba(26, 26, 26, 0.5);
  --color-accent: #b1bc94;
  --color-accent-warm: #c4a265;
  --color-nav-bg: #1a1a1a;
  --color-nav-fg: #f5f2ed;

  /* pencil annotation color (background formulas) */
  --color-pencil: rgba(140, 133, 120, 0.4);

  /* typography */
  --font-sans: "Satoshi", system-ui, -apple-system, "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --font-mono: "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;

  --text-annotation: 0.625rem;   /* 10px 手写体标注 */
  --text-meta: 0.8125rem;        /* 13px 元信息 */
  --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --text-intro: clamp(1.3rem, 1rem + 1.6vw, 2.05rem);
  --text-title: clamp(1.6rem, 1.2rem + 2vw, 2.6rem);
  --text-hero: clamp(2.4rem, 1.6rem + 4vw, 4.4rem);

  /* spacing */
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-section: clamp(5rem, 4rem + 6vw, 10rem);
  --gutter: clamp(1.25rem, 4vw, 4rem);

  /* shape — liquid blobs (每张卡片可覆写) */
  --blob-a: 58% 42% 55% 45% / 52% 58% 42% 48%;
  --blob-b: 42% 58% 45% 55% / 48% 42% 58% 52%;
  --radius-pill: 999px;
  --radius-md: 14px;

  /* motion */
  --duration-fast: 160ms;
  --duration-normal: 350ms;
  --duration-slow: 700ms;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-liquid: cubic-bezier(0.34, 1.4, 0.4, 1);

  /* layers */
  --z-bg: -1;
  --z-dock: 60;
  --z-cursor: 100;
}