/*
 * Future RobotiX - Custom CSS Framework Design Tokens
 */
:root {
    /* Central Project Color Palette */
    --palette-shadow-grey: #202232;
    --palette-cool-steel: #949EAC;
    --palette-stormy-teal: #00685E;
    --palette-pine-teal: #004E46;
    --palette-icy-aqua: #C7FFED;

    /* Primary System Colors (reference palette as source of truth) */
    --color-primary: var(--palette-shadow-grey);
    --color-primary-dark: #151722;
    --color-primary-light: rgba(32, 34, 50, 0.08);
    --color-accent: var(--palette-stormy-teal);
    
    /* Sidebar Navigation Active Colors (HSL derived from --palette-shadow-grey) */
    --color-nav-active-bg: hsla(233, 22%, 16%, 0.08);
    --color-nav-active-text: var(--palette-shadow-grey);
    
    --color-bg-dark: #0a131d;
    --color-card-light: rgba(255, 255, 255, 0.85);
    --color-card-dark: rgba(16, 28, 44, 0.85);
    
    --color-slate-50: #f8fafc;
    --color-slate-100: #f1f5f9;
    --color-slate-200: #e2e8f0;
    --color-slate-300: #cbd5e1;
    --color-slate-400: #94a3b8;
    --color-slate-500: #64748b;
    --color-slate-600: #475569;
    --color-slate-700: #334155;
    --color-slate-800: #1e293b;
    --color-slate-900: #0f172a;
    
    --color-success: #00b862;
    --color-warning: #f59e0b;
    --color-danger: #ef4444;

    /* Typography */
    --font-roboto: 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-lato: 'Lato', -apple-system, BlinkMacSystemFont, sans-serif;

    /* Spacing Units */
    --space-1: 0.25rem; /* 4px */
    --space-2: 0.5rem;  /* 8px */
    --space-3: 0.75rem; /* 12px */
    --space-4: 1rem;    /* 16px */
    --space-5: 1.25rem; /* 20px */
    --space-6: 1.5rem;  /* 24px */
    --space-8: 2rem;    /* 32px */

    /* Radii (Serious corporate layout - minimal rounding) */
    --radius-sm: 2px;
    --radius-md: 2px;
    --radius-lg: 4px;
    --radius-xl: 4px;
    --radius-full: 4px;

    /* Shadows */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --shadow-floating: 0 12px 36px rgba(0, 20, 50, 0.18);

    /* Shared transition timing (referenced by interactive components) */
    --transition: all 0.15s ease;

    /* Blur Filters */
    --blur-sm: blur(4px);
    --blur-md: blur(12px);
    --blur-lg: blur(24px);
}