/* ==========================================================================
   AiVRIC Platform - Unified Design System Tokens (2026)
   Standardized branding across Defense, Offense, and Vision
   ========================================================================== */

:root {
    /* --- Core Brand Palette (Midnight System) --- */
    --brand-midnight: #000522;     /* Level 0 - Deep Navy Base */
    --brand-surface: #0D1528;      /* Level 1 - Primary Surface */
    --brand-card: #101C34;         /* Level 2 - Card Elevation */
    --brand-overlay: #101C34;      /* Level 3 - Modal/Overlay */
    --brand-elevated: #1B2A47;     /* Level 4 - Tooltips/Dropdowns */
    
    /* --- Primary Action Colors --- */
    --brand-primary: #2050C0;      /* Action Blue (AiVRIC Core) */
    --brand-cyan: #02252F;         /* Signature Cyan (Vision Accent) */
    --brand-secondary: #3B5B90;    /* Supporting Blue */
    --brand-accent: #F4B860;       /* Enterprise Amber (Triage) */
    
    /* --- Semantic Feedback --- */
    --color-success: #2BD4A7;      /* Enterprise Green */
    --color-warning: #F4B860;      /* Enterprise Amber */
    --color-danger: #FF4D6D;       /* Enterprise Red-Pink */
    --color-info: #3B5B90;         /* Supporting Blue */

    /* --- Typography (Inter + Mono) --- */
    --font-family-sans: 'Inter', system-ui, -apple-system, sans-serif;
    --font-family-mono: 'JetBrains Mono', 'IBM Plex Mono', monospace;

    /* --- Functional Text Colors --- */
    --text-primary: #EAF2FF;       /* High Contrast White */
    --text-secondary: #9FB0CC;     /* Muted Blue-Grey */
    --text-tertiary: #7A8FAD;      /* Tertiary / Placeholder */
    --text-disabled: #4A5A73;      /* Disabled State */

    /* --- Borders & Dividers --- */
    --border-subtle: #1B2A47;      /* Default Navy Border */
    --border-bright: #3B5B90;      /* Hover State Border */
    --border-active: #2050C0;      /* Active/Focus Border */

    /* --- Radius Scale (Unified Platform Standard) --- */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;

    /* --- White-Label Defaults (shared with Defense & Offense) --- */
    --wl-primary: #2050C0;
    --wl-primary-foreground: #EAF2FF;
    --wl-secondary: #3B5B90;
    --wl-accent: #F4B860;
    --wl-background: #000522;
    --wl-focus: #2050C0;

    /* --- Elevation Shadows --- */
    --shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
    --shadow-glow-blue: 0 0 20px rgba(32, 80, 192, 0.2);
    --shadow-glow-green: 0 0 20px rgba(43, 212, 167, 0.2);
}

/* --------------------------------------------------------------------------
   Tailwind 4.x Compatible Token Mapping
   -------------------------------------------------------------------------- */
.dark {
    background-color: var(--brand-midnight);
    color: var(--text-primary);
}

.glass-morphism {
    background: rgba(13, 21, 40, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: var(--shadow-glass);
}

/* Custom Scrollbar (Midnight Standard) */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--brand-midnight);
}

::-webkit-scrollbar-thumb {
    background: var(--brand-elevated);
    border-radius: var(--radius-full);
    border: 2px solid var(--brand-midnight);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--brand-secondary);
}