/* ============================================================
   Mote — Design Tokens (single source of truth for the website)
   Dark-only, warm palette. Derived from docs/design/design-language.md.
   Never red. The orb and gradients are code, not images.
   ============================================================ */

:root {
  /* --- Canvas / surfaces (warm near-black, brown-leaning, never neutral grey) --- */
  --canvas:           #1A1510;
  --canvas-top:       #1F1812;
  --canvas-bottom:    #15110C;
  --surface:          #25201A;
  --surface-2:        #2E2820;
  --surface-glass:    rgba(46, 40, 32, 0.55);

  /* --- Text --- */
  --ink:              #F2E9DC; /* primary  15.07:1 */
  --ink-2:            #C2B4A2; /* secondary 8.93:1 */
  --ink-3:            #9A8C7B; /* tertiary  5.53:1 (floor) */

  /* --- Amber / brand light --- */
  --amber:            #F2A65A; /* accent-core, orb mid, usable as text 8.96:1 */
  --amber-bright:     #FFCB8F;
  --orb-core:         #FFD9A8;
  --ember:            #E07A3E;
  --rust:             #C25F1A;

  /* --- Calls to action --- */
  --cta:              #E07A3E;
  --cta-hover:        #EC894B;
  --cta-ink:          #1A1510; /* dark label on amber fill, 8.96:1 */

  /* --- Calm / sage (rest, soothing path) --- */
  --sage:             #9CC4A8; /* text 9.39:1 */
  --sage-fill:        #3A4F40;

  /* --- Gentle correction (limits). NEVER red. --- */
  --clay:             #C77A52;

  /* --- Lines & glow --- */
  --hairline:         #3A322A;
  --hairline-soft:    rgba(242, 233, 220, 0.08);
  --glow-amber:       rgba(242, 166, 90, 0.35);
  --glow-amber-soft:  rgba(242, 166, 90, 0.16);

  /* --- Type families (self-hosted OFL) --- */
  --font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --font-text:    "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* --- Fluid type scale --- */
  --fs-hero:    clamp(2.6rem, 6.5vw, 5.25rem);
  --fs-h1:      clamp(2.05rem, 4.6vw, 3.5rem);
  --fs-h2:      clamp(1.6rem, 3.2vw, 2.5rem);
  --fs-h3:      clamp(1.25rem, 2vw, 1.6rem);
  --fs-lead:    clamp(1.14rem, 1.7vw, 1.45rem);
  --fs-body:    1.0625rem;   /* 17px */
  --fs-small:   0.9375rem;   /* 15px */
  --fs-caption: 0.8125rem;   /* 13px */
  --fs-mono-hero: clamp(2.75rem, 9vw, 6rem);

  /* Fraunces variable axis defaults (soft, warm, low-contrast display) */
  --fraunces-soft: 60;
  --lh-tight:  1.06;
  --lh-snug:   1.18;
  --lh-body:   1.55;

  /* --- Spacing (8pt grid) --- */
  --sp-1: 0.25rem; --sp-2: 0.5rem;  --sp-3: 1rem;   --sp-4: 1.5rem;
  --sp-5: 2rem;    --sp-6: 2.5rem;  --sp-7: 3rem;   --sp-8: 4rem;
  --sp-section: clamp(4.5rem, 11vh, 9rem);

  /* --- Layout --- */
  --maxw:        1120px;
  --maxw-narrow: 720px;
  --maxw-wide:   1320px;
  --gutter:      clamp(1.25rem, 5vw, 2.5rem);

  /* --- Radii (vary by level, keep concentric, all continuous-ish) --- */
  --r-sm:   12px;
  --r:      16px;
  --r-lg:   20px;
  --r-xl:   28px;
  --r-pill: 999px;

  /* --- Motion (near-critically damped, soft) --- */
  --ease:        cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-inout:  cubic-bezier(0.45, 0.05, 0.25, 1);
  --dur-quick:   0.28s;
  --dur:         0.42s;
  --dur-slow:    0.7s;
  --breathe:     9s;
  --drift:       22s;

  /* --- Elevation --- */
  --shadow-1: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-2: 0 12px 40px rgba(0,0,0,0.45);
  --shadow-cta: 0 8px 28px rgba(224, 122, 62, 0.28);
}

/* --- Simplified Chinese: premium serif for display headings ---
   Latin still renders in Fraunces (listed first); Chinese glyphs fall through
   to Noto Serif SC (Source Han Serif / 思源宋体, self-hosted subset, OFL), then a
   system Source Han Serif if installed, then the system serif (Songti SC). */
html[lang="zh-Hans"] {
  --font-display: "Fraunces", "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
}
html[lang="zh-Hans"] h1,
html[lang="zh-Hans"] h2,
html[lang="zh-Hans"] .hero__title,
html[lang="zh-Hans"] .section-title,
html[lang="zh-Hans"] .manifesto__quote { font-weight: 500; }
/* No synthesized italic for CJK display lines */
html[lang="zh-Hans"] .hero__tag,
html[lang="zh-Hans"] .hero__caption { font-style: normal; }

/* --- Japanese / Korean: premium serif for display headings (Latin stays Fraunces) --- */
html[lang="ja"] { --font-display: "Fraunces", "Noto Serif JP", "Hiragino Mincho ProN", "YuMincho", serif; }
html[lang="ko"] { --font-display: "Fraunces", "Noto Serif KR", "AppleMyungjo", "Nanum Myeongjo", serif; }
html[lang="ja"] h1, html[lang="ja"] h2, html[lang="ja"] .hero__title, html[lang="ja"] .section-title, html[lang="ja"] .manifesto__quote,
html[lang="ko"] h1, html[lang="ko"] h2, html[lang="ko"] .hero__title, html[lang="ko"] .section-title, html[lang="ko"] .manifesto__quote { font-weight: 500; }
html[lang="ja"] .hero__tag, html[lang="ja"] .hero__caption,
html[lang="ko"] .hero__tag, html[lang="ko"] .hero__caption { font-style: normal; }