/* ============================================================
   Astro Logics - Saffron LIGHT skin (gentle).
   Remaps theme CSS VARIABLES + background + fonts only.
   No layout/class !important overrides (those broke complex
   app pages like the admin CRM). Loaded after /styles.css.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400..600&family=Mulish:wght@400;500;600;700;800;900&family=Tiro+Devanagari+Hindi&display=swap');

:root,
body,
body.editorial,
body.editorial.login-editorial,
body.editorial.home-editorial,
body.editorial.dashboard-editorial {
  --void:#FFF8EE; --midnight:#FFF8EE; --deep:#FCEFD9; --bg:#FFF8EE; --bg-2:#FCEFD9; --bg-3:#FBE6C8;
  --panel:#FFFFFF; --panel-2:#FFFBF4; --elev:#FFFFFF; --card:#FFFFFF; --surface:#FFFFFF;
  --grad-panel:linear-gradient(180deg,#FFFFFF,#FFFBF4);
  --grad-cosmic:radial-gradient(120% 90% at 50% -10%,#FFE7C2 0%,#FFF8EE 46%,#FFF8EE 100%);
  --hairline:#ECD9BE; --hairline-2:#F4E7D2; --border:#ECD9BE;
  --text:#2A1A0E; --text-muted:#5B4636; --text-dim:#8A7257; --ink:#2A1A0E;
  --gold:#E8590C; --gold-soft:#FFB347; --gold-2:#C9A227; --violet:#7A1F1F;
  --bull:#1FA463; --bear:#EF4444; --ai:#E8590C;
  --ff-display:"Fraunces","Tiro Devanagari Hindi",Georgia,serif;
  --ff-body:"Mulish",system-ui,-apple-system,sans-serif;
  --font-display:"Fraunces",Georgia,serif; --font-body:"Mulish",sans-serif;
}

body { background:#FFF8EE; color:#2A1A0E; font-family:"Mulish",system-ui,sans-serif; }
.cosmic-bg, .stars { display:none; }
h1,h2,h3,h4 { font-family:"Fraunces","Tiro Devanagari Hindi",Georgia,serif; }

/* primary action buttons -> saffron (color only, no layout) */
.btn-gold, .btn.btn-gold, .btn-primary, .btn.btn-primary {
  background:linear-gradient(180deg,#FF8A2E,#E8590C); color:#fff; border-color:transparent;
}
.btn-ghost, .btn.btn-ghost {
  background:#fff; color:#7A1F1F; box-shadow:inset 0 0 0 1.5px #C9A227;
}

/* flatten remaining dark inputs + frosted/glass panels on app pages */
input, select, textarea { background:#FFFBF4 !important; color:#2A1A0E !important; border-color:#ECD9BE !important; }
input::placeholder, textarea::placeholder { color:#8A7257 !important; }
[class*="glass"], [class*="frost"] { background:rgba(255,255,255,.92) !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
/* safety net: any leftover inline dark navy/violet backgrounds -> flat light */
[style*="rgba(5,6,28"], [style*="rgba(15,16,54"], [style*="rgba(22,22,70"], [style*="rgba(16,16,54"] { background:#FFFBF4 !important; }
[style*="139,92,246"] { background:rgba(201,162,39,.10) !important; }
/* NO gradients on app cards/panels - flat clean surfaces */
.card, .widget, #birthDataCard, #birthForm, #chartNavBar { background-image:none !important; }
#birthDataCard, #birthForm { background:#FFFFFF !important; border:1px solid #ECD9BE !important; }
#birthDataCard > div { background:#FFFFFF !important; }
#birthDataCard > div:nth-child(n+5) { background:#FFFBF4 !important; }

/* LIGHT SIDEBAR - match Saffron theme (was dark navy) */
.sidebar, aside.sidebar, .app-sidebar, nav.sidebar {
  background:#FFF6EA !important; background-image:none !important;
  border-right:1px solid #ECD9BE !important; box-shadow:none !important;
}
.sidebar a, .sidebar .nav-item, .sidebar li, .sidebar button, .sidebar span, .sidebar p { color:#5B4636 !important; }
.sidebar a:hover, .sidebar .nav-item:hover { color:#E8590C !important; background:#FFF1DC !important; }
.sidebar a.active, .sidebar .nav-item.active, .sidebar .active { background:#FFF1DC !important; color:#E8590C !important; }
.sidebar .brand, .sidebar .brand-name, .sidebar .brand b { color:#2A1A0E !important; }
.section-label, .sidebar .section-label, .sidebar h5 { color:#A08A6E !important; }
.sidebar svg, .sidebar svg * { stroke:#8A7257 !important; }
/* plan box at bottom of sidebar -> light */
.sidebar-footer, .sidebar > div:last-child, [class*="current-plan"], [class*="plan-box"] { background:#FCEFD9 !important; background-image:none !important; color:#2A1A0E !important; border-color:#ECD9BE !important; }
.sidebar-footer *, [class*="current-plan"] * { color:#5B4636 !important; }

/* ── Public engine-page chrome: force the al-layout Saffron top-nav over the
   engine's dark .nav, and lighten the tool pages' hardcoded dark hero gradients. ── */
#site-nav .nav { background:rgba(255,248,238,.95) !important; border-bottom:1px solid #ECD9BE !important; box-shadow:0 1px 0 rgba(201,162,39,.12) !important; backdrop-filter:saturate(1.1) blur(8px) !important; }
#site-nav .nav .nav-links a, #site-nav .nav a:not(.btn) { color:#2A1A0E !important; }
#site-nav .nav .nav-links a:hover, #site-nav .nav .nav-links a.active { color:#E8590C !important; }
/* tool-page hero blocks built with hardcoded dark gradients -> Saffron light.
   Prefixed with `body.editorial` so it OUT-specifies the page's own <style> .X-hero
   (which loads after al-skin); equal-specificity would lose the cascade. */
html body[class] .num-hero, html body[class] .rashi-hero, html body[class] .dc-hero,
html body[class] .nk-hero, html body[class] .pt-hero, html body[class] .sv-hero,
html body[class] .moon-card, html body[class] [class$="-hero"] {
  background:linear-gradient(135deg,#FFF6EA 0%,#FFF8EE 60%,#FDF1DF 100%) !important;
  background-image:linear-gradient(135deg,#FFF6EA 0%,#FFF8EE 60%,#FDF1DF 100%) !important;
  color:#1C1206 !important; border:1px solid #EFE2CF !important;
}
html body[class] [class$="-hero"] h1, html body[class] [class$="-hero"] h2,
html body[class] .moon-card h1, html body[class] .moon-card h2 { color:#1C1206 !important; }
html body[class] [class$="-hero"] p, html body[class] .moon-card p { color:#5B4636 !important; }