/* SUTRA PREMIUM CANON · Tokens · Revision 2 (02_12_PREMIUM_CANON + SUTRA-brandbook v3.1)
 * Canonical palette for Astrowikipedia.org & SUTRA Black Label (jyotish.vip)
 * Metaphor: Brass astronomical instrument with verdigris patina on an ephemeris folio — by day (light/almanac) and night (dark/astra).
 * Zero raw hex values are permitted in component stylesheets outside this file.
 */

/* ── 1. FOUNDATION (Theme-independent scales, radii, motion, typography) ─────────────── */
:root {
  --space-1: 4px;  --space-2: 8px;   --space-3: 12px;  --space-4: 16px;  --space-5: 20px;  --space-6: 24px;
  --space-8: 32px; --space-10: 40px; --space-12: 48px; --space-16: 64px; --space-24: 96px;

  --radius-card: 4px;
  --radius-inner: 2px;
  --radius-chip: 2px;
  --radius-pill: 999px;

  --ease-inout: cubic-bezier(.4, 0, .2, 1);
  --duration-fast: 120ms;
  --duration-mid: 220ms;

  /* SUTRA Brandbook v3.1 Typography: 2 web typefaces + 1 monospace */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Jost', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', Consolas, monospace;
  --font-symbol: 'Segoe UI Symbol', 'Noto Sans Symbols', 'Noto Sans Symbols 2', serif;

  /* Signature Chart Animation Timing (03-chart-animation-spec.html) */
  --draw-frame: .55s;
  --draw-diag: .32s;
  --draw-diamond: .55s;
  --delay-diag1: .38s;
  --delay-diag2: .54s;
  --delay-diamond: .74s;
  --glyph-start: 1.18s;
  --glyph-step: .08s;
  --glyph-dur: .46s;
  --glyph-ease: cubic-bezier(.2, .7, .2, 1);
}

/* ── 2. LIGHT THEME "ALMANAC FOLIO" (data-theme="light" | "almanac") ─────────────────── */
:root, [data-theme="light"], [data-theme="almanac"] {
  color-scheme: light;
  --surface-page: #EFE9DC;
  --surface-card: #FAF6EE;
  --surface-focal: #FDFBF6;

  --text-ink: #241F17;
  --text-body: #473F31;
  --text-muted: #6B5F4D;
  --text-soft: #8A7C68;

  --accent-struct: #B08D4F;
  --accent-struct-text: #7A5E32;
  --accent-emphasis: #B08D4F;
  --text-on-struct: #241F17;
  --accent-action: #2F6356;
  --accent-action-text: #2C5A4E;
  --text-on-action: #FDFBF6;
  --accent-hot: #9B2D1F;
  --text-on-hot: #FDF6E3;

  --accent-foil: linear-gradient(135deg, #E4CD9A 0%, #C9A875 24%, #B08D4F 50%, #7A5E32 78%, #C9A875 100%);
  --accent-action-grad: linear-gradient(180deg, #3E7D6E 0%, #2F6356 60%, #27513F 100%);

  /* K9 Revision 2 (22.10.2026) WCAG AA verified on both page and card */
  --status-good: #37704F;
  --status-warn: #7E5F22;
  --status-bad: #A6402E;

  /* Planetary Tokens (ALMANAC v3.1) */
  --planet-sun: #B07A12;
  --planet-moon: #2C5A4E;
  --planet-mars: #A6402E;
  --planet-mercury: #37704F;
  --planet-jupiter: #7A5E32;
  --planet-venus: #9A4A10;
  --planet-saturn: #3A4A78;
  --planet-rahu: #5B4A78;
  --planet-ketu: #6B5440;

  --hairline: rgba(176, 141, 79, .26);
  --hairline-2: rgba(176, 141, 79, .14);
  --shadow-card: 0 1px 2px rgba(60, 48, 28, .04), 0 6px 20px rgba(60, 48, 28, .07), inset 0 0 0 1px var(--hairline-2);
  --shadow-card-hover: 0 2px 4px rgba(60, 48, 28, .06), 0 14px 34px rgba(60, 48, 28, .11), inset 0 0 0 1px var(--hairline);
  --shadow-focal: 0 2px 6px rgba(60, 48, 28, .05), 0 18px 46px rgba(60, 48, 28, .10), inset 0 0 0 1px rgba(176, 141, 79, .18);

  /* Glass and glow are prohibited in the light theme */
  --glass-bg: transparent;  --glass-blur: 0px;  --glass-border: transparent;
  --glow-soft: none;  --glow-card: none;  --glow-strong: none;
}

/* ── 3. DARK THEME "ASTRA OBSERVATORY" (data-theme="dark" | "astra") ─────────────────── */
[data-theme="dark"], [data-theme="astra"] {
  color-scheme: dark;
  --surface-page: #08060A;
  --surface-card: #1E150D;
  --surface-focal: #2B1D14;

  --text-ink: #FDF6E3;
  --text-body: #C6B69A;
  --text-muted: #968065;
  --text-soft: rgba(253, 246, 227, .45);

  --accent-struct: #C19A6B;
  --accent-struct-text: #C19A6B;
  --accent-emphasis: #C19A6B;
  --text-on-struct: #160F09;
  --accent-action: #8FC4B0;
  --accent-action-text: #8FC4B0;
  --text-on-action: #160F09;
  --accent-hot: #9B2D1F;
  --text-on-hot: #FDF6E3;

  --accent-foil: linear-gradient(135deg, #E8C98A 0%, #C19A6B 28%, #A0843F 54%, #7A5E32 78%, #C19A6B 100%);
  --accent-action-grad: linear-gradient(180deg, #A8C8BF 0%, #8FC4B0 100%);

  --status-good: #5A9E6A;
  --status-warn: #D4A830;
  --status-bad: #C97070;

  /* Planetary Tokens (ASTRA v1.0) */
  --planet-sun: #E8C98A;
  --planet-moon: #C4BEEA;
  --planet-mars: #C97070;
  --planet-mercury: #8FC4B0;
  --planet-jupiter: #C19A6B;
  --planet-venus: #A8C8BF;
  --planet-saturn: #8B7EC8;
  --planet-rahu: #9E93A8;
  --planet-ketu: #9E8E7A;

  --hairline: rgba(193, 154, 107, .26);
  --hairline-2: rgba(193, 154, 107, .14);
  --shadow-card: 0 4px 20px rgba(0, 0, 0, .45), inset 0 0 0 1px var(--hairline-2);
  --shadow-card-hover: 0 0 15px rgba(193, 154, 107, .15), inset 0 0 0 1px var(--hairline);
  --shadow-focal: 0 0 0 1px rgba(193, 154, 107, .12), 0 6px 28px rgba(0, 0, 0, .50);

  --glass-bg: rgba(30, 21, 13, .62);  --glass-blur: 5px;  --glass-border: rgba(193, 154, 107, .18);
  --glow-soft: 0 0 5px rgba(193, 154, 107, .20);
  --glow-card: 0 0 15px rgba(193, 154, 107, .15);
  --glow-strong: 0 0 25px rgba(193, 154, 107, .50);
}

/* First visit without saved choice: follow OS prefers-color-scheme (§8 Condition 1) */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --surface-page: #08060A;  --surface-card: #1E150D;  --surface-focal: #2B1D14;
    --text-ink: #FDF6E3;  --text-body: #C6B69A;  --text-muted: #968065;  --text-soft: rgba(253, 246, 227, .45);
    --accent-struct: #C19A6B;  --accent-struct-text: #C19A6B;  --accent-emphasis: #C19A6B;  --text-on-struct: #160F09;
    --accent-action: #8FC4B0;  --accent-action-text: #8FC4B0;  --text-on-action: #160F09;  --accent-hot: #9B2D1F;  --text-on-hot: #FDF6E3;
    --accent-foil: linear-gradient(135deg, #E8C98A 0%, #C19A6B 28%, #A0843F 54%, #7A5E32 78%, #C19A6B 100%);
    --accent-action-grad: linear-gradient(180deg, #A8C8BF 0%, #8FC4B0 100%);
    --status-good: #5A9E6A;  --status-warn: #D4A830;  --status-bad: #C97070;
    --planet-sun: #E8C98A;  --planet-moon: #C4BEEA;  --planet-mars: #C97070;
    --planet-mercury: #8FC4B0;  --planet-jupiter: #C19A6B;  --planet-venus: #A8C8BF;
    --planet-saturn: #8B7EC8;  --planet-rahu: #9E93A8;  --planet-ketu: #9E8E7A;
    --hairline: rgba(193, 154, 107, .26);  --hairline-2: rgba(193, 154, 107, .14);
    --shadow-card: 0 4px 20px rgba(0, 0, 0, .45), inset 0 0 0 1px var(--hairline-2);
    --shadow-card-hover: 0 0 15px rgba(193, 154, 107, .15), inset 0 0 0 1px var(--hairline);
    --shadow-focal: 0 0 0 1px rgba(193, 154, 107, .12), 0 6px 28px rgba(0, 0, 0, .50);
    --glass-bg: rgba(30, 21, 13, .62);  --glass-blur: 5px;  --glass-border: rgba(193, 154, 107, .18);
    --glow-soft: 0 0 5px rgba(193, 154, 107, .20);  --glow-card: 0 0 15px rgba(193, 154, 107, .15);
    --glow-strong: 0 0 25px rgba(193, 154, 107, .50);
  }
}

/* ── 4. COMPATIBILITY ALIASES ────────────────────────────────────────────────────────── */
:root {
  --bg: var(--surface-page);
  --surface: var(--surface-card);
  --surface-2: var(--surface-focal);
  --text: var(--text-ink);
  --muted: var(--text-muted);
  --border: var(--hairline);
  --brass: var(--accent-struct);
  --mint: var(--accent-action);
}