/*
 * ChantWise Design Tokens
 * Single source of truth for colors, typography, spacing.
 * Used by both the app (app.css) and the landing page (index.html).
 *
 * Theme switching: add data-theme="light" to <html> or .light-theme to <body>.
 * Org overrides: add data-org="slug" to <html> for per-org branding.
 */

/* ── Dark theme (default) ──────────────────────────── */
:root {
  /* Backgrounds - warm neutral darks */
  --cw-bg-deep:       #0a0a0f;
  --cw-bg-primary:    #12121a;
  --cw-bg-card:       #1a1a24;
  --cw-bg-card-hover: #242430;
  --cw-bg-elevated:   #242430;

  /* Text */
  --cw-text:          #f8f3eb;
  --cw-text-secondary:#b8b0a5;
  --cw-text-muted:    #a89a88;
  --cw-text-dim:      #6a5e50;

  /* Gold accent (primary brand) */
  --cw-gold:          #e4b85b;
  --cw-gold-light:    #f5d47a;
  --cw-gold-warm:     #d4883b;
  --cw-gold-glow:     rgba(228, 184, 91, 0.12);
  --cw-gold-glow-strong: rgba(228, 184, 91, 0.22);
  --cw-gold-border:   rgba(228, 184, 91, 0.22);
  --cw-gold-border-strong: rgba(228, 184, 91, 0.45);
  --cw-gold-mid:      rgba(228, 184, 91, 0.60);

  /* Semantic accents */
  --cw-saffron:       #e67e22;
  --cw-vermillion:    #c0392b;
  --cw-teal:          #1a8a7a;
  --cw-green:         #5cc98a;
  --cw-green-bg:      rgba(92, 201, 138, 0.14);
  --cw-red:           #e05252;

  /* Borders & shadows */
  --cw-border:        rgba(228, 184, 91, 0.14);
  --cw-border-strong: rgba(228, 184, 91, 0.28);
  --cw-shadow:        rgba(4, 4, 20, 0.50);
  --cw-glow:          rgba(228, 184, 91, 0.08);

  /* Gradients */
  --cw-gradient-sacred: linear-gradient(135deg, var(--cw-gold), var(--cw-saffron));
  --cw-gradient-gold:   linear-gradient(135deg, var(--cw-gold-light), var(--cw-gold), var(--cw-gold-warm));
  --cw-gradient-card:   linear-gradient(160deg, var(--cw-bg-card) 0%, var(--cw-bg-elevated) 100%);
  --cw-gradient-section:linear-gradient(180deg, var(--cw-bg-deep) 0%, var(--cw-bg-primary) 100%);

  /* Typography — "Manuscript" verse system (Cardo + Tiro), see app.css .lang-* */
  --cw-font-display:  'Cardo', Georgia, serif;
  --cw-font-body:     'Outfit', -apple-system, sans-serif;
  --cw-font-deva:     'Tiro Devanagari Sanskrit', 'Noto Serif Devanagari', serif;
  --cw-font-telugu:   'Tiro Telugu', 'Noto Serif Telugu', serif;
  --cw-font-kannada:  'Tiro Kannada', 'Noto Serif Kannada', serif;
  --cw-font-tamil:    'Tiro Tamil', 'Noto Serif Tamil', serif;
  --cw-font-malayalam:'Noto Serif Malayalam', serif;
  --cw-font-gujarati: 'Tiro Gujarati', 'Noto Serif Gujarati', serif;

  /* Verse leading — Latin reads tighter than stacked Indic conjuncts */
  --cw-leading-latin: 1.5;
  --cw-leading-indic: 1.66;

  /* Spacing & radii */
  --cw-radius:        12px;
  --cw-radius-lg:     20px;
  --cw-nav-height:    68px;
}

/* ── Light theme ───────────────────────────────────── */
:root[data-theme="light"],
body.light-theme {
  --cw-bg-deep:       #f8f6f2;
  --cw-bg-primary:    #ffffff;
  --cw-bg-card:       #faf9f7;
  --cw-bg-card-hover: #f0ede8;
  --cw-bg-elevated:   #f0ede8;

  --cw-text:          #2a2520;
  --cw-text-secondary:#5c554a;
  --cw-text-muted:    #766e62;
  --cw-text-dim:      #a09585;

  --cw-gold:          #b87d2a;
  --cw-gold-light:    #d4973b;
  --cw-gold-warm:     #cd853f;
  --cw-gold-glow:     rgba(184, 134, 11, 0.08);
  --cw-gold-glow-strong: rgba(184, 134, 11, 0.14);
  --cw-gold-border:   rgba(184, 134, 11, 0.20);
  --cw-gold-border-strong: rgba(184, 134, 11, 0.35);
  --cw-gold-mid:      rgba(184, 134, 11, 0.50);

  --cw-saffron:       #d4770b;
  --cw-vermillion:    #a83226;
  --cw-teal:          #16796b;
  --cw-green:         #3da867;
  --cw-green-bg:      rgba(61, 168, 103, 0.10);

  --cw-border:        rgba(184, 134, 11, 0.20);
  --cw-border-strong: rgba(184, 134, 11, 0.35);
  --cw-shadow:        rgba(0, 0, 0, 0.08);
  --cw-glow:          rgba(184, 134, 11, 0.08);
}

/* ── Org theme overrides (examples) ────────────────── */
/*
:root[data-org="iskcon"] {
  --cw-gold: #c41e3a;
  --cw-gold-light: #e63950;
  --cw-gold-warm: #a01530;
}

:root[data-org="chinmaya"] {
  --cw-gold: #2e7d32;
  --cw-gold-light: #4caf50;
  --cw-gold-warm: #1b5e20;
}
*/