/* Design tokens — YogSiddhi
   A deep navy "night sky" base with a warm gold accent, matching the sun +
   tithi-ring + lotus mark (assets/icons, assets/logo.png), plus five fixed
   category colors for the daily score cards. Light values live on :root;
   dark values apply automatically via prefers-color-scheme, and can be
   forced either way with data-theme. */

:root {
  --bg: #f6f8fb;
  --surface: #ffffff;
  --surface-2: #ebf1fa;
  --text: #131f30;
  --muted: #636e7d;
  --border: #e1e7f0;
  --accent: #0e2c54;
  --accent-text: #ffffff;
  --accent-soft: #e6effb;
  --gold: #a8690a;
  --gold-soft: #f7e8d2;
  --error: #b3261e;
  --error-soft: #fbe9e7;
  --shadow: 0 1px 2px rgba(19, 31, 48, 0.06), 0 8px 24px rgba(19, 31, 48, 0.06);
  --radius: 18px;
  --radius-sm: 12px;
  --topbar-h: 60px;
  --navbar-h: 68px;

  --cat-luck: #a8690a;        --cat-luck-soft: #f7e8d2;
  --cat-relationship: #c2185b; --cat-relationship-soft: #fbe3ee;
  --cat-finance: #2e7d32;      --cat-finance-soft: #e5f4e6;
  --cat-health: #00796b;       --cat-health-soft: #e0f2f0;
  --cat-career: #1565c0;       --cat-career-soft: #e4eefb;

  /* Report levels (Daily/Weekly Prediction Report) — favorable/neutral/avoid */
  --level-favorable: #2e7d32; --level-favorable-soft: #e5f4e6;
  --level-neutral: #b26a00;   --level-neutral-soft: #fbedd9;
  --level-avoid: #b3261e;     --level-avoid-soft: #fbe9e7;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0a111a;
    --surface: #121c2a;
    --surface-2: #1a2738;
    --text: #eef4fb;
    --muted: #9badc4;
    --border: #243347;
    --accent: #85b0eb;
    --accent-text: #0f1b33;
    --accent-soft: #1c2b3f;
    --gold: #f4bf71;
    --gold-soft: #3a2d1a;
    --error: #ff6b60;
    --error-soft: #3a1f1f;
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.35), 0 8px 24px rgba(0, 0, 0, 0.4);

    --cat-luck: #f4bf71;         --cat-luck-soft: #3a2d1a;
    --cat-relationship: #f06098; --cat-relationship-soft: #3a1f2c;
    --cat-finance: #66bb6a;      --cat-finance-soft: #1c3320;
    --cat-health: #4fd1c5;       --cat-health-soft: #16332f;
    --cat-career: #64b5f6;       --cat-career-soft: #17263a;

    --level-favorable: #66bb6a; --level-favorable-soft: #1c3320;
    --level-neutral: #e3b94c;   --level-neutral-soft: #3a2f1a;
    --level-avoid: #ff6b60;     --level-avoid-soft: #3a1f1f;
  }
}

:root[data-theme="dark"] {
  --bg: #0a111a;
  --surface: #121c2a;
  --surface-2: #1a2738;
  --text: #eef4fb;
  --muted: #9badc4;
  --border: #243347;
  --accent: #85b0eb;
  --accent-text: #0f1b33;
  --accent-soft: #1c2b3f;
  --gold: #f4bf71;
  --gold-soft: #3a2d1a;
  --error: #ff6b60;
  --error-soft: #3a1f1f;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.35), 0 8px 24px rgba(0, 0, 0, 0.4);

  --cat-luck: #f4bf71;         --cat-luck-soft: #3a2d1a;
  --cat-relationship: #f06098; --cat-relationship-soft: #3a1f2c;
  --cat-finance: #66bb6a;      --cat-finance-soft: #1c3320;
  --cat-health: #4fd1c5;       --cat-health-soft: #16332f;
  --cat-career: #64b5f6;       --cat-career-soft: #17263a;

  --level-favorable: #66bb6a; --level-favorable-soft: #1c3320;
  --level-neutral: #e3b94c;   --level-neutral-soft: #3a2f1a;
  --level-avoid: #ff6b60;     --level-avoid-soft: #3a1f1f;
}

:root[data-theme="light"] {
  --bg: #f6f8fb;
  --surface: #ffffff;
  --surface-2: #ebf1fa;
  --text: #131f30;
  --muted: #636e7d;
  --border: #e1e7f0;
  --accent: #0e2c54;
  --accent-text: #ffffff;
  --accent-soft: #e6effb;
  --gold: #a8690a;
  --gold-soft: #f7e8d2;
  --error: #b3261e;
  --error-soft: #fbe9e7;
  --shadow: 0 1px 2px rgba(19, 31, 48, 0.06), 0 8px 24px rgba(19, 31, 48, 0.06);

  --cat-luck: #a8690a;         --cat-luck-soft: #f7e8d2;
  --cat-relationship: #c2185b; --cat-relationship-soft: #fbe3ee;
  --cat-finance: #2e7d32;      --cat-finance-soft: #e5f4e6;
  --cat-health: #00796b;       --cat-health-soft: #e0f2f0;
  --cat-career: #1565c0;       --cat-career-soft: #e4eefb;

  --level-favorable: #2e7d32; --level-favorable-soft: #e5f4e6;
  --level-neutral: #b26a00;   --level-neutral-soft: #fbedd9;
  --level-avoid: #b3261e;     --level-avoid-soft: #fbe9e7;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  background: var(--bg);
  color: var(--text);
  -webkit-tap-highlight-color: transparent;
}

.hidden { display: none !important; }