/* ZamaniAuto — Unified Theme System (Single Source of Truth) */
/* All CSS variables — both za-* namespace and legacy aliases — defined HERE only */
:root{
/* ── Core Palette ── */
--za-navy:#0A1628;--za-navy-light:#0D1F3C;--za-navy-dark:#060F1E;
--za-teal:#0D7377;--za-teal-light:#14A3A8;
--za-turquoise:#40E0D0;--za-turquoise-glow:#5EEAD4;--za-turquoise-dark:#2CC4B4;
--za-yellow:#E6C200;--za-yellow-light:#FFD700;--za-yellow-glow:#FBBF24;
--za-gray:#4A4A4A;--za-gray-dark:#2A2A2A;
--za-white:#FFFFFF;--za-off-white:#F0F4F8;--za-light-gray:#E2E8F0;

/* ── Legacy aliases (backward compat with style.css) ── */
--navy:var(--za-navy);--navy-light:var(--za-navy-light);
--teal:var(--za-teal);--teal-light:var(--za-teal-light);
--turquoise:var(--za-turquoise);--turquoise-dark:var(--za-turquoise-dark);
--turquoise-light:var(--za-turquoise-glow);
--yellow:var(--za-yellow);--yellow-light:var(--za-yellow-light);
--gray:var(--za-gray);--gray-dark:var(--za-gray-dark);
--white:var(--za-white);--off-white:var(--za-off-white);--light-gray:var(--za-light-gray);
--text:var(--za-text);--text-light:var(--za-text-muted);
--radius:12px;--za-radius:12px;
--transition:all .3s cubic-bezier(.4,0,.2,1);--za-transition:all .3s ease;
--shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
--shadow-lg:0 10px 25px -5px rgba(0,0,0,.15),0 4px 10px -6px rgba(0,0,0,.1);

/* ── Page / Surface ── */
--za-page-bg:linear-gradient(180deg,#40E0D0,#5EEAD4,#40E0D0,#2DD4BF);
--za-surface:#fff;--za-surface-alt:#f8fafc;
--za-surface-card:rgba(255,255,255,.65);--za-surface-hover:rgba(255,255,255,.85);

/* ── Text ── */
--za-text:#1E293B;--za-text-sub:#475569;--za-text-muted:#64748B;--za-heading:#0A1628;

/* ── Accent ── */
--za-accent:#0D7377;--za-accent-light:#14A3A8;--za-accent-glow:#5EEAD4;
--za-accent-subtle:rgba(13,115,119,.04);
--za-accent-yellow:#E6C200;--za-accent-yellow-glow:#FBBF24;

/* ── Borders & Shadows ── */
--za-border:rgba(0,0,0,.08);--za-border-subtle:rgba(0,0,0,.05);--za-border-strong:rgba(0,0,0,.15);
--za-shadow:0 4px 20px rgba(0,0,0,.08);--za-shadow-lg:0 8px 36px rgba(0,0,0,.12);

/* ── Glassmorphism (unified tokens) ── */
--za-glass-blur-sm:8px;--za-glass-blur-md:14px;--za-glass-blur-lg:18px;
--za-glass-bg:rgba(255,255,255,.45);--za-glass-bg-hover:rgba(255,255,255,.60);
--za-glass-border:rgba(255,255,255,.40);
--za-glass-radius:16px;

/* ── Blog / Post ── */
--za-blog-card:rgba(255,255,255,.65);--za-blog-card-hover:rgba(255,255,255,.78);
--za-blog-card-border:rgba(255,255,255,.4);--za-blog-muted:#475569;
--za-post-bg:#fff;--za-post-code-bg:#f1f5f9;--za-post-code-text:#0D7377;
--za-post-toc-bg:#f8fafc;--za-post-blockquote:rgba(13,115,119,.04);
--za-post-blockquote-border:#0D7377;

/* ── Share Buttons ── */
--za-share-tg-bg:rgba(0,136,204,.12);--za-share-tg-color:#38bdf8;
--za-share-wa-bg:rgba(37,211,102,.12);--za-share-wa-color:#4ade80;
--za-share-tw-bg:rgba(29,161,242,.12);--za-share-tw-color:#7dd3fc;
--za-share-li-bg:rgba(10,102,194,.12);--za-share-li-color:#93c5fd;
--za-share-copy-bg:rgba(148,163,184,.12);--za-share-copy-color:#cbd5e1;

/* ── Footer ── */
--za-footer-bg:#0A1628;--za-footer-text:rgba(255,255,255,.6);
--za-footer-text-hover:#40E0D0;--za-footer-muted:rgba(255,255,255,.5);
--za-footer-brand:rgba(255,255,255,.55);

/* ── Buttons ── */
--za-btn-primary-bg:#0D7377;--za-btn-primary-text:#fff;

/* ── Hero ── */
--za-hero-bullet-bg:rgba(255,255,255,.22);--za-hero-bullet-hover:rgba(255,255,255,.42);
--za-hero-blur:rgba(255,255,255,.1);

/* ── Visitor Stats ── */
--za-visitor-stat-bg:rgba(255,255,255,.03);--za-visitor-stat-border:rgba(0,0,0,.06);
}
[data-theme=dark]{
--za-navy:#0A1628;--za-navy-light:#111C2E;--za-navy-dark:#060F1E;
--za-teal:#5EEAD4;--za-teal-light:#5EEAD4;
--za-turquoise:#5EEAD4;--za-turquoise-glow:#5EEAD4;--za-turquoise-dark:#2CC4B4;
--za-yellow:#FBBF24;--za-yellow-light:#FBBF24;--za-yellow-glow:#FBBF24;
--za-gray:#64748B;--za-gray-dark:#334155;
--za-white:#F1F5F9;--za-off-white:#111C2E;--za-light-gray:#1E293B;
--za-page-bg:#0A1628;
--za-surface:#0F172A;--za-surface-alt:#111C2E;
--za-surface-card:rgba(15,23,42,.88);--za-surface-hover:rgba(30,41,59,.92);
--za-text:#F1F5F9;--za-text-sub:#CBD5E1;--za-text-muted:#94A3B8;--za-heading:#F1F5F9;
--za-accent:#5EEAD4;--za-accent-light:#5EEAD4;--za-accent-glow:#5EEAD4;
--za-accent-subtle:rgba(94,234,212,.04);
--za-accent-yellow:#FBBF24;--za-accent-yellow-glow:#FBBF24;
--za-border:rgba(255,255,255,.08);--za-border-subtle:rgba(255,255,255,.05);
--za-border-strong:rgba(255,255,255,.15);
--za-shadow:0 4px 20px rgba(0,0,0,.25);--za-shadow-lg:0 8px 36px rgba(0,0,0,.5);
--za-glass-bg:rgba(15,23,42,.65);--za-glass-bg-hover:rgba(30,41,59,.78);
--za-glass-border:rgba(255,255,255,.12);
--za-blog-card:#111C2E;--za-blog-card-hover:#182636;
--za-blog-card-border:rgba(94,234,212,.1);--za-blog-muted:#A0AEC0;
--za-post-bg:#0F172A;--za-post-code-bg:rgba(94,234,212,.12);--za-post-code-text:#5EEAD4;
--za-post-toc-bg:#0F172A;--za-post-blockquote:rgba(94,234,212,.04);
--za-post-blockquote-border:#5EEAD4;
--za-footer-bg:#060F1E;--za-footer-text:rgba(255,255,255,.65);
--za-footer-text-hover:#5EEAD4;--za-footer-muted:rgba(255,255,255,.55);
--za-footer-brand:rgba(255,255,255,.55);
--za-btn-primary-bg:rgba(94,234,212,.1);--za-btn-primary-text:#5EEAD4;
--za-hero-bullet-bg:rgba(15,23,42,.88);--za-hero-bullet-hover:rgba(30,41,59,.92);
--za-hero-blur:rgba(10,22,40,.82);
--za-visitor-stat-bg:rgba(255,255,255,.03);--za-visitor-stat-border:rgba(255,255,255,.06);
}

/* ═══════════════════════════════════════════ */
/*  ORANGE ACCENT VARIANT (from design brief) */
/*  Activate: <html data-accent="orange">     */
/* ═══════════════════════════════════════════ */
[data-accent="orange"]{
--za-accent:#F47920;--za-accent-light:#FF8C00;--za-accent-glow:#FFB366;
--za-accent-subtle:rgba(244,121,32,.08);
--za-accent-yellow:#FF8C00;--za-accent-yellow-glow:#FFB366;
--za-teal:#F47920;--za-teal-light:#FF8C00;
--za-turquoise:#FFB366;--za-turquoise-glow:#FFB366;--za-turquoise-dark:#E06800;
--za-btn-primary-bg:#F47920;--za-btn-primary-text:#fff;
--za-post-code-text:#F47920;
--za-post-blockquote-border:#F47920;
--za-blog-card-border:rgba(244,121,32,.15);
--za-hero-blur:rgba(244,121,32,.08);
}
[data-accent="orange"][data-theme="dark"]{
--za-accent:#FF8C00;--za-accent-light:#FFB366;--za-accent-glow:#FFB366;
--za-accent-subtle:rgba(255,140,0,.08);
--za-accent-yellow:#FFB366;--za-accent-yellow-glow:#FFB366;
--za-teal:#FF8C00;--za-teal-light:#FFB366;
--za-turquoise:#F47920;--za-turquoise-glow:#FFB366;--za-turquoise-dark:#CC6600;
--za-blog-card-border:rgba(255,140,0,.15);
--za-btn-primary-bg:rgba(244,121,32,.15);--za-btn-primary-text:#FF8C00;
--za-hero-blur:rgba(244,121,32,.08);
}