/* CSS Variables System for Adapt Security Systems - Premium Light Theme Only */

:root {
    /* Fonts */
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Inter', sans-serif;

    /* Theme Colors (Light Theme Defaults) */
    --bg-primary: #f8fafc;        /* Soft White */
    --bg-secondary: #ffffff;      /* Pure White Card */
    --bg-tertiary: #f1f5f9;       /* Light Slate Border */
    --bg-glass: rgba(255, 255, 255, 0.85);
    
    --text-primary: #0f172a;      /* Dark Slate Text */
    --text-secondary: #475569;    /* Medium Gray Text */
    --text-muted: #94a3b8;        /* Muted Light Text */

    /* Theme Accent Channels (Default: Cyber Teal) */
    --color-accent-rgb: 6, 182, 212;
    --color-accent-hover-rgb: 8, 145, 178;

    /* In Light Mode, use the hover channel (darker shade) as accent for readability */
    --color-accent: rgb(var(--color-accent-hover-rgb));
    --color-accent-hover: rgb(var(--color-accent-hover-rgb));
    
    --border-color: rgba(var(--color-accent-rgb), 0.12);
    --border-glow: rgba(var(--color-accent-rgb), 0.15);
    
    --color-success: #10b981;     /* Active Green */
    --color-info: #0ea5e9;        /* Info Blue */
    --color-danger: #ef4444;       /* Alarm Red */
    
    /* Layout & Spacing */
    --header-height: 80px;
    --border-radius-sm: 6px;
    --border-radius-md: 12px;
    --border-radius-lg: 20px;
    --border-radius-full: 9999px;
    
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 20px -2px rgba(15, 23, 42, 0.05);
    --shadow-lg: 0 10px 30px -10px rgba(15, 23, 42, 0.08);
    --shadow-glow: 0 4px 20px rgba(var(--color-accent-rgb), 0.1);

    --max-width: 1280px;
}

/* Theme Presets overrides */
body.theme-cyber-teal {
    --color-accent-rgb: 6, 182, 212;      /* Teal-Cyan */
    --color-accent-hover-rgb: 8, 145, 178;
}

body.theme-amber-fusion {
    --color-accent-rgb: 249, 115, 22;     /* Orange-Amber */
    --color-accent-hover-rgb: 234, 88, 12;
}

body.theme-royal-gold {
    --color-accent-rgb: 234, 179, 8;      /* Gold */
    --color-accent-hover-rgb: 202, 138, 4;
}

body.theme-emerald-shield {
    --color-accent-rgb: 16, 185, 129;     /* Emerald Green */
    --color-accent-hover-rgb: 5, 150, 105;
}

body.theme-crimson-force {
    --color-accent-rgb: 239, 68, 68;      /* Crimson Red */
    --color-accent-hover-rgb: 220, 38, 38;
}

body.theme-classic-blue {
    --color-accent-rgb: 59, 130, 246;     /* Classic Blue */
    --color-accent-hover-rgb: 37, 99, 235;
}

body.theme-purple-nebula {
    --color-accent-rgb: 168, 85, 247;     /* Purple Nebula */
    --color-accent-hover-rgb: 147, 51, 234;
}