:root {
    /* Core Colors */
    --bg-base: #030712;      /* Deepest dark */
    --bg-dark: #0a1122;      /* Midnight blue */
    --bg-darker: #050a12;
    
    /* Branding Colors */
    --primary: #8ab4f8;      /* Neon/Light Blue */
    --primary-dim: #38629a;  /* Muted blue */
    --secondary: #e2e8f0;    /* Text Silver */
    --accent: #5eead4;       /* Neon cyan for active states */

    /* Cyber Security Themes */
    --risk-high: #ef4444;    /* Crimson Red */
    --risk-mod: #f59e0b;     /* Amber Yellow */
    --risk-low: #10b981;     /* Cyber Green */

    --terminal-bg: rgba(5, 10, 20, 0.95);
    --terminal-text: #4ade80;
    --terminal-border: rgba(74, 222, 128, 0.2);
    --terminal-glow: rgba(74, 222, 128, 0.15);

    /* Typography */
    --text-main: #f8fafc;
    --text-muted: #94a3b8;
    
    /* Effects & Glass */
    --accent-glow: rgba(138, 180, 248, 0.4);
    --glass-bg: rgba(15, 23, 42, 0.6);
    --glass-border: rgba(138, 180, 248, 0.15);
    
    /* Fonts */
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Inter', sans-serif;
    --font-mono: 'Courier New', Courier, monospace;

    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 4rem;
    --spacing-xl: 8rem;

    /* Constants */
    --transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    --radius-md: 12px;
}