/* ═══════════════════════════════════════════════════════════════
   GUHAN ASTRO CRM — Design tokens (enterprise + Vedic accent)
   Maps to existing var names so JS/layout stay unchanged.
   Tailwind-compatible naming in comments for future use.
═══════════════════════════════════════════════════════════════ */

/* ── LIGHT THEME ─────────────────────────────────────────────── */
:root {
  /* Typography */
  --font-display: 'Cinzel', Georgia, 'Times New Roman', serif;
  --font-body: 'Noto Sans Tamil', 'Latha', 'Vijaya', sans-serif;
  --font-tamil: var(--font-body);
  --font-ui: 'Source Sans 3', 'Segoe UI', system-ui, sans-serif;

  --text-body: 18px;
  --text-small: 15px;
  --text-xs: 13px;
  --leading-body: 1.65;
  --leading-tight: 1.35;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Spacing rhythm */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;

  /* Light mode — clinical blue + teal (reference-style); banner stays cosmic gold */
  --primary: #1565c0;
  --primary-hover: #0d47a1;
  --primary-muted: rgba(21, 101, 192, 0.1);
  --primary-border: rgba(21, 101, 192, 0.28);

  --accent-gold: #c9962a;
  --accent-gold-soft: #e8c96d;
  --accent-gold-muted: rgba(201, 150, 42, 0.12);
  --accent-teal: #26a69a;
  --accent-teal-muted: rgba(38, 166, 154, 0.14);

  --bg: #f0f4f9;
  --bg-elevated: #ffffff;
  --card: #ffffff;
  --card2: #e8eef6;
  --border: #d4dce8;
  --border2: #c5d0e0;

  --gold: var(--accent-gold);
  --gold2: #0d47a1;
  --gold-dim: #1565c0;
  --gold-light: var(--primary-muted);

  --text: #1a2332;
  --text-dim: #5a6b80;
  --text-mid: #2c3e50;

  --red: #c0392b;
  --green: #1a7a4a;
  --blue: var(--primary);
  --purple: #5a4a7a;
  --orange: #d4720a;
  --teal: var(--accent-teal);

  --inp-bg: #ffffff;
  --inp-border: #c5d0e0;
  --focus-ring: 0 0 0 3px rgba(38, 166, 154, 0.28);

  /* Charts — cool neutrals; gold only for chart center ring */
  --chart-bg: #f8fafc;
  --chart-line: #7a8fa8;
  --chart-cell-fill: #ffffff;
  --chart-cell-stroke: #c5d0e0;
  --chart-lagna-fill: #e8f4f2;
  --chart-lagna-stroke: var(--accent-teal);
  --chart-center-fill: #f0f4f9;
  --chart-center-stroke: var(--accent-gold);
  --chart-lagna: #1e3a2e;
  --chart-text: #1c2434;
  --chart-deg: #1a1a1a;

  --header-bg: #1e2a44;
  --header-border: rgba(255, 255, 255, 0.12);
  --header-text: #f4f2ee;
  --header-accent: #c9962a;

  --shadow-sm: 0 1px 2px rgba(28, 36, 52, 0.06);
  --shadow-md: 0 4px 16px rgba(28, 36, 52, 0.08);
  --shadow-lg: 0 12px 32px rgba(28, 36, 52, 0.1);
  --shadow: var(--shadow-md);

  --nudge-bg: var(--primary-muted);
  --nudge-border: var(--primary-border);
  --nudge-text: var(--primary);

  --lagna-bg: #1e3a2e;
  --lagna-border: #3d8f62;
}

/* ── DARK THEME — warm evening / sepia night (not cool grey) ─ */
body.dark-theme {
  --primary: #e8c96d;
  --primary-hover: #f5e6a8;
  --primary-muted: rgba(201, 150, 42, 0.14);
  --primary-border: rgba(201, 150, 42, 0.32);

  --accent-gold: #c9962a;
  --accent-gold-soft: #e8c96d;
  --accent-gold-muted: rgba(201, 150, 42, 0.12);
  --accent-warm: #e8a030;

  --bg: #141008;
  --bg-elevated: #1a1408;
  --card: #221c12;
  --card2: #2a2218;
  --border: #4a3820;
  --border2: #5c4830;

  --gold: var(--accent-gold);
  --gold2: var(--accent-gold-soft);
  --gold-dim: #b89050;
  --gold-light: var(--accent-gold-muted);

  --text: #f5ead0;
  --text-dim: #b8a078;
  --text-mid: #d4c4a0;

  --red: #e87868;
  --green: #6bc492;
  --blue: var(--accent-gold-soft);
  --purple: #c4a8e0;
  --orange: #e8a030;
  --teal: #7ec4c0;

  --inp-bg: #1e1810;
  --inp-border: #5c4830;
  --focus-ring: 0 0 0 3px rgba(201, 150, 42, 0.28);

  /* Charts — dark parchment cells, cream ink (TALI-inspired) */
  --chart-bg: #1a1408;
  --chart-line: #8a7348;
  --chart-cell-fill: #2d2218;
  --chart-cell-stroke: #5c4830;
  --chart-lagna-fill: #243228;
  --chart-lagna-stroke: #e8c96d;
  --chart-center-fill: #252015;
  --chart-center-stroke: var(--accent-gold);
  --chart-lagna: #d8ecd8;
  --chart-text: #f5ead0;
  --chart-deg: #e8dfc8;

  --header-bg: #1a1408;
  --header-border: rgba(201, 150, 42, 0.22);
  --header-text: #f5ead0;
  --header-accent: #e8c96d;

  --shadow-sm: 0 1px 2px rgba(20, 12, 4, 0.35);
  --shadow-md: 0 4px 20px rgba(20, 12, 4, 0.45);
  --shadow-lg: 0 12px 40px rgba(20, 12, 4, 0.55);
  --shadow: var(--shadow-md);

  --nudge-bg: var(--primary-muted);
  --nudge-border: var(--primary-border);
  --nudge-text: var(--accent-gold-soft);

  --lagna-bg: #1e3428;
  --lagna-border: #6bc492;
}