/* assets/css/tokens.css — Borndium dark-luxury token layer
   Derived from deep-interview spec + ralplan consensus.
   Palette: warm near-black canvas + clay terracotta-glow accent (NO gold).
   olive(positive/after) + rust(negative/before) preserved as role tokens. */

:root {
  color-scheme: dark;

  /* — surface — */
  --bg: #0F0E0C;            /* warm near-black canvas (izanami #0a0801 warmed for clay) */
  --bg-lift: #16140F;       /* feature-panel lift (replaces dark-fill highlight) */
  --bg-deep: #0B0A08;       /* footer / deepest */
  --text: #E8E4DC;          /* warm off-white (izanami #d9d7d4 brightened for B2B legibility) */
  --text-muted: rgba(232, 228, 220, 0.62);
  --text-faint: rgba(232, 228, 220, 0.62);   /* faint retired → unified to muted (AA 6.3:1) per spec */

  /* — accent (Borndium clay, terracotta glow on dark) — */
  --clay: #E08766;
  --clay-soft: rgba(224, 135, 102, 0.12);
  --clay-line: rgba(224, 135, 102, 0.30);
  --clay-deep: #8B4029;

  /* — semantic role tokens (brightened for dark legibility) — */
  --role-positive: #9FB066;   /* olive #788C5D brightened ~20% — AFTER / on-track */
  --role-positive-soft: rgba(159, 176, 102, 0.12);
  --role-negative: #D0685C;   /* rust #B04A3F brightened, distinct from clay — BEFORE */
  --role-negative-soft: rgba(208, 104, 92, 0.12);

  /* — hairlines (flat material; highlight via border, never shadow) — */
  --hairline: 1px solid rgba(232, 228, 220, 0.14);
  --hairline-clay: 1px solid var(--clay-line);

  /* — radii (A2: unified 2-step card system) — */
  --radius-full: 50px;
  --radius-panel: 20px;
  --radius-row: 14px;
  --radius-pill: 999px;

  /* — card padding (A2: unified 2-step) — */
  --pad-panel: 28px;
  --pad-row: 16px;

  /* — type stacks (izanami families + Korean) — */
  --serif: 'Cinzel', 'Noto Serif KR', serif;                       /* brand / decorative / eyebrow */
  --body: 'Playfair Display', 'Noto Serif KR', serif;              /* headings + body */
  --sans: 'Satoshi', 'Playfair Display', 'Noto Serif KR', sans-serif; /* UI / mono-ish */

  /* — z-index layers (from izanami) — */
  --canvas-index: -1;
  --aside-index: 40;
  --nav-index: 50;
  --transition-index: 70;
  --header-index: 80;
  --loader-index: 90;
  --grid-index: 100;
  --nav-webgl-index: 60;

  --ease: linear;
  --dur: 400ms;
}

/* feature-panel highlight rule: lift + clay hairline, NEVER dark fill.
   Applied to every selector that previously used a dark fill as its highlight
   (fixes accent-panel collapse on a fully dark canvas — architect F4). */
.panel-feature {
  background: var(--bg-lift);
  border: var(--hairline-clay);
  box-shadow: none;
}