/* DIRECTION: "Tianji" 玄墨鎏金 — Chinese-classical / modern-dark. DARK-FIRST.
 * Custom direction built within design_intelligence rules (register: consumer-dark,
 * none of the 6 stock directions is CJK-classical). Mood: ink-stone black with a
 * warm umber cast, restrained antique gold as the ONE accent, cinnabar reserved
 * for the seal motif only (decorative, never text). Refuses: indigo/violet cliché,
 * neon glow, glassmorphism, pure #000. Separation primitive = hairline border.
 * Type: editorial scale, compressed middle + expanded top; Noto Serif TC display
 * leads Han runs, Noto Sans TC body. Pair with foundation.css. */
:root { /* dark IS the primary theme */
  --bg:            #0c0a07;
  --surface:       #14110c;
  --surface-2:     #1b1710;
  --border:        #2a2418;
  --border-strong: #3d3524;
  --muted:         #a89877;   /* ~5.9:1 on bg */
  --text:          #d9cdb2;   /* ~10.5:1 */
  --ink:           #f4ecda;   /* ~14.9:1 */
  --primary:       #c9a35c;   /* antique gold fill; on bg ~6.4:1 (>=3 as UI) */
  --primary-hover: #d8b46e;
  --on-primary:    #1d1505;   /* dark ink label on gold ~5.6:1 */
  --accent:        #d2ab60;   /* gold for eyebrow/inline accent text ~7:1 */
  --accent-soft:   rgba(201, 163, 92, 0.12);
  --focus:         #d2ab60;
  --seal:          #a63d2a;   /* cinnabar — seal motif / decorative fills ONLY */

  --grad-glow:    radial-gradient(700px circle at 72% 12%, rgba(201,163,92,0.10), transparent 70%);
  --grad-surface: linear-gradient(180deg, #14110c, #0a0806);
  --shadow-1: none;  --shadow-2: none;      /* depth = surface ladder + hairline */
  --radius-card: 10px;
  --sep-shadow: none; --sep-border: 1px solid var(--border);

  --font-display: "Noto Serif TC", "Songti TC", "PMingLiU", serif;
  --font-body:    "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;
  --font-mono:    ui-monospace, "SF Mono", Menlo, monospace;

  /* Type — compressed middle, expanded top (editorial drama at display) */
  --fs-caption: 0.8125rem;  /* 13 */
  --fs-small:   0.9375rem;  /* 15 */
  --fs-body:    1.0625rem;  /* 17 */
  --fs-lead:    1.25rem;    /* 20 */
  --fs-h4:      1.375rem;   /* 22 */
  --fs-h3:      1.625rem;   /* 26 */
  --fs-h2:      2.125rem;   /* 34 */
  --fs-h1:      2.875rem;   /* 46 */
  --fs-display: clamp(3rem, 2rem + 5vw, 5.25rem);  /* 48 → 84 */
}
.light {
  --bg:            #f8f3e7;   /* aged rice paper */
  --surface:       #fffdf6;
  --surface-2:     #f1ead9;
  --border:        #ddd2ba;
  --border-strong: #c2b494;
  --muted:         #6a5f45;
  --text:          #38301c;
  --ink:           #1f1a10;
  --primary:       #8a6828;
  --primary-hover: #9d7a35;
  --on-primary:    #ffffff;
  --accent:        #7c5d22;
  --accent-soft:   rgba(138, 104, 40, 0.10);
  --focus:         #8a6828;
  --seal:          #a63d2a;
  --grad-glow:    radial-gradient(700px circle at 72% 12%, rgba(138,104,40,0.08), transparent 70%);
  --grad-surface: linear-gradient(180deg, #fffdf6, #f1ead9);
}