/* =============================================================================
   BizBoosted Theme — CSS Custom Properties (4 Themes)
   themes.css — loaded FIRST, before main.css
   ============================================================================= */

/* -------------------------------------------------------------------------
   Theme 1: Midnight Volt (DEFAULT)
   Dark navy + electric teal/lime
   ------------------------------------------------------------------------- */
:root,
[data-theme="midnight-volt"] {
    --color-bg:           #0B1220;
    --color-bg-alt:       #111A2E;
    --color-bg-card:      #131C30;
    --color-primary:      #22D3A8;
    --color-primary-dark: #1aab88;
    --color-accent:       #A3E635;
    --color-text:         #F1F5F9;
    --color-text-muted:   #94A3B8;
    --color-border:       #1E293B;
    --color-success:      #22D3A8;
    --color-hero-grad-1:  #0B1220;
    --color-hero-grad-2:  #0D2240;
    --color-cta-text:     #0B1220;
    --color-badge-bg:     #111A2E;
    --color-badge-text:   #22D3A8;
    --color-shadow:       rgba(0, 0, 0, 0.35);
    --color-overlay:      rgba(11, 18, 32, 0.85);
    --color-stat-bg:      #0D1A2E;
    --color-input-bg:     #0D1A2E;
    --color-input-border: #1E293B;
    --color-nav-bg:       rgba(11, 18, 32, 0.96);
    --color-drawer-bg:    #0D1A2E;
    --color-toc-active-bg: rgba(34, 211, 168, 0.08);
}

/* -------------------------------------------------------------------------
   Theme 2: Ember Agency
   Warm charcoal + orange/amber
   ------------------------------------------------------------------------- */
[data-theme="ember-agency"] {
    --color-bg:           #1C1917;
    --color-bg-alt:       #292524;
    --color-bg-card:      #2A2320;
    --color-primary:      #F97316;
    --color-primary-dark: #ea6300;
    --color-accent:       #FBBF24;
    --color-text:         #FAFAF9;
    --color-text-muted:   #A8A29E;
    --color-border:       #3F3A36;
    --color-success:      #34D399;
    --color-hero-grad-1:  #1C1917;
    --color-hero-grad-2:  #2D1E0F;
    --color-cta-text:     #FFFFFF;
    --color-badge-bg:     #292524;
    --color-badge-text:   #F97316;
    --color-shadow:       rgba(0, 0, 0, 0.4);
    --color-overlay:      rgba(28, 25, 23, 0.88);
    --color-stat-bg:      #231E1A;
    --color-input-bg:     #231E1A;
    --color-input-border: #3F3A36;
    --color-nav-bg:       rgba(28, 25, 23, 0.96);
    --color-drawer-bg:    #231E1A;
    --color-toc-active-bg: rgba(249, 115, 22, 0.08);
}

/* -------------------------------------------------------------------------
   Theme 3: Fresh Trust
   Clean white + emerald green
   ------------------------------------------------------------------------- */
[data-theme="fresh-trust"] {
    --color-bg:           #FFFFFF;
    --color-bg-alt:       #F0FDF4;
    --color-bg-card:      #F7FFF9;
    --color-primary:      #059669;
    --color-primary-dark: #047854;
    --color-accent:       #10B981;
    --color-text:         #0F172A;
    --color-text-muted:   #475569;
    --color-border:       #D1FAE5;
    --color-success:      #22C55E;
    --color-hero-grad-1:  #ECFDF5;
    --color-hero-grad-2:  #D1FAE5;
    --color-cta-text:     #FFFFFF;
    --color-badge-bg:     #D1FAE5;
    --color-badge-text:   #059669;
    --color-shadow:       rgba(5, 150, 105, 0.08);
    --color-overlay:      rgba(255, 255, 255, 0.9);
    --color-stat-bg:      #F0FDF4;
    --color-input-bg:     #F8FFFA;
    --color-input-border: #A7F3D0;
    --color-nav-bg:       rgba(255, 255, 255, 0.97);
    --color-drawer-bg:    #F0FDF4;
    --color-toc-active-bg: rgba(5, 150, 105, 0.06);
}

/* -------------------------------------------------------------------------
   Theme 4: Neon Premium
   Deep black + neon violet
   ------------------------------------------------------------------------- */
[data-theme="neon-premium"] {
    --color-bg:           #050505;
    --color-bg-alt:       #0F0F14;
    --color-bg-card:      #101018;
    --color-primary:      #A855F7;
    --color-primary-dark: #9333ea;
    --color-accent:       #D946EF;
    --color-text:         #F5F5F5;
    --color-text-muted:   #A1A1AA;
    --color-border:       #27272A;
    --color-success:      #4ADE80;
    --color-hero-grad-1:  #050505;
    --color-hero-grad-2:  #130A1F;
    --color-cta-text:     #FFFFFF;
    --color-badge-bg:     #0F0F14;
    --color-badge-text:   #A855F7;
    --color-shadow:       rgba(0, 0, 0, 0.6);
    --color-overlay:      rgba(5, 5, 5, 0.9);
    --color-stat-bg:      #0A0A0F;
    --color-input-bg:     #0A0A0F;
    --color-input-border: #27272A;
    --color-nav-bg:       rgba(5, 5, 5, 0.96);
    --color-drawer-bg:    #0A0A0F;
    --color-toc-active-bg: rgba(168, 85, 247, 0.08);
}