﻿/* ════════════════════════════
   DARK (default)
   ════════════════════════════ */
:root,
html.theme-dark {
    --s-bg-primary: #080f1a;
    --s-bg-secondary: #0d1829;
    --s-bg-tertiary: #111f35;
    --s-border: rgba(255,255,255,0.06);
    --s-border-strong: rgba(255,255,255,0.12);
    --s-text-primary: #f1f5f9;
    --s-text-secondary: #94a3b8;
    --s-text-muted: #475569;
    --s-accent: #00c8b4;
    --s-accent-hover: #00e5cf;
    --s-danger: #f87171;
    --s-warning: #fbbf24;
    --s-success: #22d3a5;
    /* home page specific */
    --s-home-bg: #080f1a;
    --s-home-card: #0d1829;
    --s-home-border: rgba(255,255,255,0.06);
    --s-home-glow-1: rgba(0,200,180,0.12);
    --s-home-glow-2: rgba(59,130,246,0.08);
    --s-home-grid: rgba(0,200,180,0.04);
    --s-savings-bg: #0a1f1c;
    --s-savings-bg2: #0d1829;
}

/* ════════════════════════════
   LIGHT
   ════════════════════════════ */
html.theme-light {
    --s-bg-primary: #f8fafc;
    --s-bg-secondary: #ffffff;
    --s-bg-tertiary: #f1f5f9;
    --s-border: rgba(0,0,0,0.08);
    --s-border-strong: rgba(0,0,0,0.15);
    --s-text-primary: #0f172a;
    --s-text-secondary: #64748b;
    --s-text-muted: #94a3b8;
    --s-accent: #0891b2;
    --s-accent-hover: #0ea5e9;
    --s-danger: #dc2626;
    --s-warning: #d97706;
    --s-success: #059669;
    /* home page specific */
    --s-home-bg: #f8fafc;
    --s-home-card: #ffffff;
    --s-home-border: rgba(0,0,0,0.08);
    --s-home-glow-1: rgba(8,145,178,0.08);
    --s-home-glow-2: rgba(59,130,246,0.05);
    --s-home-grid: rgba(8,145,178,0.04);
    --s-savings-bg: #f0f9ff;
    --s-savings-bg2: #ffffff;
}
