/* ======================================================= */
/* CSS VARIABLES */
/* ======================================================= */
:root {
    /* Theme Colors */
    --theme-bg: #027eff;
    --theme-bg-alt: #34495e;
    --theme-text: #027eff;
    --theme-border: #027eff;
    --theme-border-alt: #34495e;
    
    /* Dark Colors */
    --bg-dark: #0f0f0f;
    --border-dark: #0f0f0f;
    --text-dark: #0f0f0f;
    
    /* Gray Scale */
    --border-gray-500: #1f1f1f;
    --gray-50: #f9fafb;
    --gray-100: #f3f4f6;
    --gray-200: #e5e7eb;
    --gray-300: #d1d5db;
    --gray-400: #9ca3af;
    --gray-500: #6b7280;
    --gray-600: #4b5563;
    --gray-700: #374151;
    --gray-800: #1f2937;
    
    /* White */
    --white: #ffffff;
    
    /* Blue Scale (for focus states) */
    --blue-500: #3b82f6;
    --blue-500-alpha: rgba(59, 130, 246, 0.1);
    
    /* Alert Colors */
    --success-bg: #D1FAE5;
    --success-border: #10B981;
    --success-text: #065F46;
    --success-border-alt: #c3e6cb;
    
    --warning-bg: #FEF3C7;
    --warning-border: #F59E0B;
    --warning-text: #92400E;
    --warning-border-alt: #ffeaa7;
    
    --error-bg: #FEE2E2;
    --error-border: #EF4444;
    --error-text: #991B1B;
    --error-border-alt: #f5c6cb;
    
    --info-bg: #DBEAFE;
    --info-border: #3B82F6;
    --info-text: #1E40AF;
    
    /* Badge Colors */
    --badge-active-bg: #d4edda;
    --badge-active-text: #155724;
    --badge-active-border: #c3e6cb;
    
    --badge-inactive-bg: #f8d7da;
    --badge-inactive-text: #721c24;
    --badge-inactive-border: #f5c6cb;
    
    --badge-enrolled-bg: #cfe2ff;
    --badge-enrolled-text: #084298;
    --badge-enrolled-border: #b6d4fe;
    
    --badge-not-enrolled-bg: #f8f9fa;
    --badge-not-enrolled-text: #495057;
    --badge-not-enrolled-border: #dee2e6;
    
    --badge-controlled-bg: #d1ecf1;
    --badge-controlled-text: #0c5460;
    --badge-controlled-border: #bee5eb;
    
    --badge-resolved-bg: #e2e3e5;
    --badge-resolved-text: #383d41;
    --badge-resolved-border: #d6d8db;
    
    --badge-handwritten-bg: #e7f3ff;
    --badge-handwritten-text: #0066cc;
    --badge-handwritten-border: #b3d9ff;
    
    --badge-typed-bg: #f0f8e7;
    --badge-typed-text: #2d5016;
    --badge-typed-border: #c6e2b3;
    
    /* Button Colors */
    --danger: #dc3545;
    --danger-hover: #c82333;
    --danger-disabled: #6c757d;
    
    /* Action Grid Icon Colors */
    --color-1: #34A853;
    --color-2: #4285F4;
    --color-3: #FBBC05;
    --color-4: #EA4335;
    --color-5: #8E24AA;
    --color-6: #F4511E;
    --color-7: #00ACC1;
    --color-8: #7CB342;
    --color-9: #FDD835;
    --color-10: #D81B60;
    --color-11: #5E35B1;
    --color-12: #3949AB;
    --color-13: #00897B;
    --color-14: #F06292;
    --color-15: #6D4C41;
    --color-16: #F57C00;
    --color-17: #689F38;
    --color-18: #1976D2;
    --color-19: #C2185B;
    --color-20: #512DA8;
    
    /* Border Radius */
    --radius-sm: 0.375rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-xl: 1rem;
    --radius-2xl: 1.5rem;
    
    /* 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);
}