/* Nduranz Theme — CSS Custom Properties */

/* ============================================
   DARK THEME (default)
   ============================================ */
:root,
.dark {
    --bg-primary: #0F0F0F;
    --bg-secondary: #1A1A1A;
    --bg-tertiary: #262626;
    --bg-nav: #0A0A0A;
    --border: rgba(255,255,255,0.08);
    --border-strong: rgba(255,255,255,0.15);
    --text-primary: #F5F5F5;
    --text-secondary: #A3A3A3;
    --text-muted: #525252;

    /* Status badge colors (dark) */
    --badge-green-bg: rgba(22,163,74,0.15);
    --badge-green-text: #4ADE80;
    --badge-blue-bg: rgba(59,130,246,0.15);
    --badge-blue-text: #60A5FA;
    --badge-red-bg: rgba(239,68,68,0.15);
    --badge-red-text: #F87171;
    --badge-amber-bg: rgba(245,158,11,0.15);
    --badge-amber-text: #FBBF24;
    --badge-gray-bg: rgba(107,114,128,0.15);
    --badge-gray-text: #9CA3AF;

    --spinner-track: #374151;
}

/* ============================================
   LIGHT THEME
   ============================================ */
.light {
    --bg-primary: #FFFFFF;
    --bg-secondary: #F5F5F5;
    --bg-tertiary: #E5E5E5;
    --bg-nav: #0C4A6E;
    --border: rgba(0,0,0,0.08);
    --border-strong: rgba(0,0,0,0.15);
    --text-primary: #171717;
    --text-secondary: #525252;
    --text-muted: #A3A3A3;

    /* Status badge colors (light) */
    --badge-green-bg: #F0FDF4;
    --badge-green-text: #15803D;
    --badge-blue-bg: #EFF6FF;
    --badge-blue-text: #1D4ED8;
    --badge-red-bg: #FEF2F2;
    --badge-red-text: #DC2626;
    --badge-amber-bg: #FFFBEB;
    --badge-amber-text: #B45309;
    --badge-gray-bg: #F3F4F6;
    --badge-gray-text: #6B7280;

    --spinner-track: #D1D5DB;
}

/* ============================================
   BRAND COLORS (shared, theme-independent)
   ============================================ */
:root {
    --accent: #E8590C;
    --accent-hover: #D04F09;
    --accent-subtle: rgba(232,89,12,0.12);
    --blue: #0369A1;
    --blue-hover: #0C4A6E;
    --success: #16A34A;
    --success-hover: #15803D;
    --warning: #CA8A04;
    --danger: #DC2626;
    --danger-hover: #B91C1C;
}

/* ============================================
   BASE STYLES
   ============================================ */
html {
    font-size: clamp(14px, calc(8px + 0.42vw), 26px);
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

/* ============================================
   SCROLLBAR STYLING
   ============================================ */
.dark ::-webkit-scrollbar { width: 8px; }
.dark ::-webkit-scrollbar-track { background: var(--bg-primary); }
.dark ::-webkit-scrollbar-thumb { background: var(--border-strong); border-radius: 4px; }

.light ::-webkit-scrollbar { width: 8px; }
.light ::-webkit-scrollbar-track { background: var(--bg-secondary); }
.light ::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: 4px; }