/* ========================================
   PAYSTUB APP - LIGHT THEME
   Clean, professional light mode
======================================== */

body.theme-light {
    /* Primary Colors */
    --bg-primary: #f8fafc;
    --bg-secondary: #ffffff;
    --bg-tertiary: #f1f5f9;
    --bg-card: #ffffff;
    --bg-card-hover: #f8fafc;

    /* Accent Colors - Slightly muted for light mode */
    --accent-red: #dc2626;
    --accent-red-bright: #ef4444;
    --accent-red-glow: rgba(220, 38, 38, 0.15);
    --accent-green: #16a34a;
    --accent-green-dim: #15803d;
    --accent-green-glow: rgba(22, 163, 74, 0.15);
    --accent-cyan: #0284c7;
    --accent-cyan-dim: #0369a1;
    --accent-cyan-glow: rgba(2, 132, 199, 0.15);
    --accent-yellow: #ca8a04;
    --accent-yellow-dim: #a16207;
    --accent-yellow-glow: rgba(202, 138, 4, 0.15);
    --accent-purple: #7c3aed;
    --accent-purple-dim: #6d28d9;
    --accent-purple-glow: rgba(124, 58, 237, 0.15);
    --accent-orange: #ea580c;
    --accent-orange-dim: #c2410c;
    --accent-orange-glow: rgba(234, 88, 12, 0.15);

    /* Text Colors */
    --text-primary: #1e293b;
    --text-secondary: #64748b;
    --text-muted: #94a3b8;
    --text-bright: #0f172a;

    /* Border Colors */
    --border-primary: #e2e8f0;
    --border-hover: #cbd5e1;
    --border-accent: var(--accent-red);

    /* Gradients */
    --gradient-red: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);
    --gradient-green: linear-gradient(135deg, #16a34a 0%, #22c55e 100%);
    --gradient-dark: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);

    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
    --shadow-glow-red: 0 0 20px var(--accent-red-glow);
    --shadow-glow-green: 0 0 20px var(--accent-green-glow);
}

/* Scrollbar for light mode */
body.theme-light ::-webkit-scrollbar-track {
    background: #f1f5f9;
}

body.theme-light ::-webkit-scrollbar-thumb {
    background: #cbd5e1;
}

body.theme-light ::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Navigation adjustments */
body.theme-light .navbar-brand {
    background: var(--gradient-red);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

body.theme-light .nav-link.active {
    background: rgba(22, 163, 74, 0.1);
}

/* Form focus states */
body.theme-light .form-control:focus {
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.2);
}

/* Table row hover */
body.theme-light tr:hover {
    background: #f8fafc;
}

/* Badge adjustments */
body.theme-light .badge-manual {
    background: rgba(22, 163, 74, 0.1);
    color: #16a34a;
    border-color: #16a34a;
}

body.theme-light .badge-pdf {
    background: rgba(220, 38, 38, 0.1);
    color: #dc2626;
    border-color: #dc2626;
}