/**
 * CHRONOS KĀLACHAKRA TERMINAL — Unified Semantic Design Tokens (v2.5)
 * Competitor-grade quantitative fintech aesthetics with authentic Vedic typography
 */

:root {
  /* Surface Layers (Deep Obsidian Velvet / Cosmic Canvas) */
  --bg-canvas: #060913;
  --bg-surface-1: #0b1120;
  --bg-surface-2: #10192e;
  --bg-surface-hover: #17233f;
  --bg-input: #0e1526;
  
  /* Borders & Dividers */
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.16);
  --border-brass: rgba(245, 158, 11, 0.35);
  --border-glow: rgba(99, 102, 241, 0.5);
  --border-amber-glow: rgba(245, 158, 11, 0.45);

  /* Typography - Ultra-Crisp High-Contrast Hierarchy */
  --text-primary: #ffffff;
  --text-secondary: #cbd5e1;
  --text-muted: #94a3b8;
  --text-highlight: #38bdf8;
  --text-gold: #fbbf24;

  /* Astrological & Market Accents */
  --accent-teji: #10b981;      /* Bullish / Teji Green */
  --accent-mandi: #f43f5e;     /* Bearish / Mandi Rose */
  --accent-neutral: #94a3b8;   /* Sideways Neutral */
  --accent-fort: #f59e0b;      /* Kota Fort Warning Amber */
  --accent-ray: #38bdf8;       /* SBC Vedha Ray Cyan */
  --accent-gold: #fbbf24;      /* Panchak Sensitive Gold */
  --accent-purple: #a855f7;    /* Trairashik Purple */
  --accent-sapphire: #4f46e5;  /* Terminal Accent Indigo */
  
  /* Jewel Gradients (matching the acclaimed SBC brass/gold & gemstone aesthetic) */
  --gradient-sbc: linear-gradient(135deg, #4f46e5 0%, #06b6d4 100%);
  --gradient-brass: linear-gradient(135deg, #d97706 0%, #f59e0b 50%, #fbbf24 100%);
  --gradient-emerald: linear-gradient(135deg, #059669 0%, #10b981 100%);
  --gradient-amber: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);
  --gradient-rose: linear-gradient(135deg, #be123c 0%, #f43f5e 100%);
  --gradient-purple: linear-gradient(135deg, #7e22ce 0%, #a855f7 100%);
  --gradient-glass-btn: linear-gradient(135deg, rgba(30, 41, 59, 0.85) 0%, rgba(15, 23, 42, 0.95) 100%);
  --gradient-surface: linear-gradient(180deg, rgba(16, 25, 46, 0.95) 0%, rgba(10, 15, 28, 0.98) 100%);

  /* Elevated Glow Shadows */
  --shadow-sbc: 0 4px 14px rgba(79, 70, 229, 0.45);
  --shadow-brass: 0 4px 18px rgba(245, 158, 11, 0.35);
  --shadow-emerald: 0 4px 14px rgba(16, 185, 129, 0.45);
  --shadow-amber: 0 4px 14px rgba(245, 158, 11, 0.45);
  --shadow-rose: 0 4px 14px rgba(244, 63, 94, 0.45);
  --shadow-glass: 0 6px 20px rgba(0, 0, 0, 0.4);

  /* Grid Specific Colors */
  --grid-cell-bg: #10172b;
  --grid-corner-bg: #1a1947;
  --grid-rasi-bg: #141f3d;
  --grid-tithi-bg: #182348;
  --grid-border: rgba(99, 102, 241, 0.28);
  --ray-benefic: rgba(0, 245, 160, 0.92);
  --ray-malefic: rgba(255, 46, 99, 0.92);
  --panchak-fill: rgba(251, 191, 36, 0.38);
  --panchak-border: #fbbf24;

  /* Badges & Metric Values (Dark) */
  --badge-teji-bg: rgba(16, 185, 129, 0.2);
  --badge-teji-text: #34d399;
  --badge-teji-border: rgba(16, 185, 129, 0.5);
  
  --badge-mandi-bg: rgba(244, 63, 94, 0.2);
  --badge-mandi-text: #fb7185;
  --badge-mandi-border: rgba(244, 63, 94, 0.5);

  --badge-neutral-bg: rgba(148, 163, 184, 0.2);
  --badge-neutral-text: #e2e8f0;
  --badge-neutral-border: rgba(148, 163, 184, 0.45);

  --val-positive-color: #34d399;
  --val-negative-color: #fb7185;
  --val-neutral-color: #cbd5e1;

  /* Typography Stack */
  --font-sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-display: 'Cinzel', 'Outfit', Georgia, serif;
  --font-devanagari: 'Tiro Devanagari Sanskrit', 'Noto Serif Devanagari', 'Noto Sans Devanagari', serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

[data-theme="light"] {
  /* Surface Layers (Light / Vedic Silk Theme) */
  --bg-canvas: #f4f6fb;
  --bg-surface-1: #ffffff;
  --bg-surface-2: #e8edf5;
  --bg-surface-hover: #dbe4f0;
  --bg-input: #ffffff;

  /* Borders & Dividers - Distinct & Sharp */
  --border-subtle: #cbd5e1;
  --border-strong: #94a3b8;
  --border-glow: rgba(79, 70, 229, 0.4);
  --border-amber-glow: rgba(217, 119, 6, 0.45);

  /* Typography - Ultra Crisp Pitch Black & Deep Slate */
  --text-primary: #0a0f1d;
  --text-secondary: #1e293b;
  --text-muted: #475569;
  --text-highlight: #0369a1;
  --text-gold: #92400e;

  /* Astrological & Market Accents */
  --accent-teji: #047857;
  --accent-mandi: #be123c;
  --accent-neutral: #334155;
  --accent-fort: #b45309;
  --accent-ray: #0284c7;
  --accent-gold: #b45309;
  --accent-purple: #6d28d9;
  --accent-sapphire: #4338ca;

  /* Badges & Metric Values (Vedic Silk High Contrast) */
  --badge-teji-bg: #d1fae5;
  --badge-teji-text: #065f46;
  --badge-teji-border: #059669;

  --badge-mandi-bg: #ffe4e6;
  --badge-mandi-text: #9f1239;
  --badge-mandi-border: #e11d48;

  --badge-neutral-bg: #e2e8f0;
  --badge-neutral-text: #0f172a;
  --badge-neutral-border: #64748b;

  --val-positive-color: #047857;
  --val-negative-color: #be123c;
  --val-neutral-color: #1e293b;

  /* Jewel Gradients Light */
  --gradient-sbc: linear-gradient(135deg, #4338ca 0%, #0284c7 100%);
  --gradient-emerald: linear-gradient(135deg, #047857 0%, #10b981 100%);
  --gradient-amber: linear-gradient(135deg, #b45309 0%, #f59e0b 100%);
  --gradient-rose: linear-gradient(135deg, #be123c 0%, #f43f5e 100%);
  --gradient-purple: linear-gradient(135deg, #6d28d9 0%, #a855f7 100%);
  --gradient-glass-btn: linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%);
  --gradient-surface: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);

  /* Elevated Glow Shadows Light */
  --shadow-sbc: 0 4px 14px rgba(67, 56, 202, 0.28);
  --shadow-emerald: 0 4px 14px rgba(4, 120, 87, 0.28);
  --shadow-amber: 0 4px 14px rgba(180, 83, 9, 0.28);
  --shadow-rose: 0 4px 14px rgba(190, 18, 60, 0.28);
  --shadow-glass: 0 4px 16px rgba(15, 23, 42, 0.08);

  /* Grid Specific Colors */
  --grid-cell-bg: #ffffff;
  --grid-corner-bg: #fef3c7;
  --grid-rasi-bg: #f1f5f9;
  --grid-tithi-bg: #fffbeb;
  --grid-border: #94a3b8;
  --ray-benefic: rgba(4, 120, 87, 0.92);
  --ray-malefic: rgba(190, 18, 60, 0.92);
  --panchak-fill: rgba(217, 119, 6, 0.35);
  --panchak-border: #b45309;
}