/* ================================================
   NICEWORK CLIENT PORTAL — Theme Variables
   Dark theme (default) + Light theme override
   ================================================ */

:root {
    /* Dark Theme (Default) */
    --bg:            #0B1C2C;
    --bg-alt:        #0E2236;
    --bg-card:       rgba(14,34,54,0.9);
    --bg-glass:      rgba(14,34,54,0.9);
    --bg-hover:      rgba(212,175,55,0.06);
    --bg-input:      rgba(255,255,255,0.04);
    --bg-sidebar:    rgba(8,20,32,0.95);
    --bg-login:      rgba(14,34,54,0.92);

    --border:        rgba(255,255,255,0.06);
    --border-gold:   rgba(212,175,55,0.2);
    --border-hover:  rgba(212,175,55,0.35);

    --gold:          #D4AF37;
    --gold-light:    #f0d060;
    --gold-dark:     #b8952e;

    --text:          #e8e6e1;
    --text-muted:    #8a95a8;
    --text-dim:      #4d5a6e;

    --white:         #ffffff;
    --green:         #34d399;
    --green-bg:      rgba(52,211,153,0.1);
    --red:           #f87171;
    --red-bg:        rgba(248,113,113,0.1);
    --blue:          #60a5fa;
    --blue-bg:       rgba(96,165,250,0.1);
    --purple:        #a78bfa;
    --purple-bg:     rgba(167,139,250,0.1);
    --orange:        #fbbf24;
    --orange-bg:     rgba(251,191,36,0.1);

    --font:          'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --radius:        16px;
    --radius-sm:     10px;
    --radius-xs:     6px;

    --shadow:        0 4px 24px rgba(0,0,0,0.25);
    --shadow-lg:     0 12px 48px rgba(0,0,0,0.35);
    --glow-gold:     0 0 20px rgba(212,175,55,0.15);

    --sidebar-w:     260px;
    --sidebar-collapsed: 72px;
    --topbar-h:      64px;
    --transition:    0.3s cubic-bezier(0.4,0,0.2,1);
}

/* ================================================
   Light Theme Override
   ================================================ */
.light-theme {
    --bg:            #f5f5f0;
    --bg-alt:        #eeeee8;
    --bg-card:       rgba(255,255,255,0.9);
    --bg-glass:      rgba(255,255,255,0.9);
    --bg-hover:      rgba(212,175,55,0.08);
    --bg-input:      rgba(0,0,0,0.04);
    --bg-sidebar:    rgba(255,255,255,0.97);
    --bg-login:      rgba(255,255,255,0.95);

    --border:        rgba(0,0,0,0.08);
    --border-gold:   rgba(212,175,55,0.25);
    --border-hover:  rgba(212,175,55,0.4);

    --text:          #1a1a1a;
    --text-muted:    #5a6577;
    --text-dim:      #8c95a4;

    --shadow:        0 4px 24px rgba(0,0,0,0.08);
    --shadow-lg:     0 12px 48px rgba(0,0,0,0.12);
    --glow-gold:     0 0 20px rgba(212,175,55,0.1);
}