/* ZhiftERP — design tokens.
   Hybrid theme: light content body + scoped deep-navy "dark zones"
   (nav, hero, sub-hero, CTA band, footer). The Customizer Colors panel
   tunes the light content palette; dark zones stay on-brand. */

:root {
  /* ---- Light content palette (body & sections) ---- */
  --bg:#ffffff;
  --bg2:#eef2f9;
  --bg3:#e4eaf3;
  --surface:#ffffff;
  --surface2:#f1f5fb;
  --border:rgba(15,23,42,0.10);
  --border2:rgba(15,23,42,0.16);

  --blue:#3b82f6;--blue-bright:#2563eb;--blue-dim:#1d4ed8;
  --teal:#0d9488;--violet:#7c3aed;--amber:#d97706;--green:#059669;--rose:#e11d48;

  --text:#334155;--text2:#5b6678;--text3:#8a97a8;--white:#0f1b2d;

  --radius:16px;--radius-sm:10px;--radius-xs:6px;
  --glow:0 0 40px rgba(37,99,235,0.10);
  --shadow:0 6px 24px rgba(15,23,42,0.07);
  --shadow-lg:0 16px 48px rgba(15,23,42,0.13);
}

/* ---- Dark zones — keep the premium deep-navy brand look ----
   Re-declaring the variables here means every descendant resolves to
   the dark palette automatically. */
.nav,
.hero,
.sub-hero,
.cta-band,
.footer {
  --bg2:#0e1525;
  --surface:#162033;
  --surface2:#1c2a40;
  --border:rgba(99,131,175,0.15);
  --border2:rgba(99,131,175,0.25);
  --blue-bright:#60a5fa;
  --teal:#14b8a6;--violet:#8b5cf6;--amber:#f59e0b;--green:#10b981;
  --text:#e2e8f0;--text2:#94a3b8;--text3:#64748b;--white:#ffffff;
  --glow:0 0 40px rgba(59,130,246,0.15);
  --shadow:0 4px 24px rgba(0,0,0,0.4);
  --shadow-lg:0 16px 64px rgba(0,0,0,0.5);
}