/* === CSS VARIABLES === */
/* Colors */
:root {
    /* Font Family (single font across app) */
    --font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    
    /* Primary Colors */
    --color-primary: #1a5674;
    --color-primary-hover: #0c5460;
    --color-primary-dark: #004085;
    
    /* Secondary Colors */
    --color-secondary: #6c757d;
    --color-secondary-hover: #5a6268;
    --color-secondary-light: #bdc3c7;
    
    /* Accent Colors */
    --color-accent-orange: #ff8c00;
    /* --color-accent-orange-hover: #ffc107; */
    --color-accent-orange-hover: #e07b00;
    --color-accent-red: #dc3545;
    --color-accent-red-hover: #c82333;
    --color-accent-green: #28a745;
    --color-accent-green-hover: #20c997;
    --color-accent-blue: #1a5674;
    --color-accent-blue-dark: #0c5460;
    
    /* Google Colors */
    --color-google: #dc3545;
    --color-google-hover: #c0392b;
    
    /* dc3545 */

    /* Text Colors */
    /* --color-text-primary: #28282B; */
    --color-text-primary: #333;
    --color-text-secondary: #555;
    --color-text-tertiary: #666;
    --color-text-light: #777;
    --color-text-muted: #999;
    --color-text-white: #fff;
    
    /* Background Colors */
    --color-bg-primary: #fff;
    --color-bg-secondary: #f8f8f8;
    --color-bg-tertiary: #f4f4f4;
    --color-bg-light: #f9f9f9;
    --color-bg-lighter: #fafafa;
    --color-bg-lightest: #fcfcfc;
    --color-bg-darkblue: #0b4444;
    --color-pink-light: #fcf7fc;
    --color-bg-blue: #0062ff;
    
    /* Border Colors */
    --color-border-lightest: #f9f9f9;
    --color-border-lighter: #f0f0f0;
    --color-border-light: #e0e0e0;
    --color-border-medium: #e6e6e6;
    --color-border-dark: #ddd;
    --color-border-input: #ccc;
    
    /* Status Colors */
    --color-success: #28a745;
    --color-success-bg: #d4edda;
    --color-success-border: #c3e6cb;
    --color-success-text: #155724;
    
    --color-error: #dc3545;
    --color-error-bg: #f8d7da;
    --color-error-border: #f5c6cb;
    --color-error-text: #721c24;
    
    --color-warning: #ffc107;
    --color-warning-bg: #fff3cd;
    --color-warning-border: #ffeeba;
    --color-warning-text: #856404;
    
    --color-info: #d1ecf1;
    --color-info-light: #eaf5f4;
    --color-info-border: #bee5eb;
    --color-info-swal: #007bff;
    --color-info-swal-darker: #0062ff;
    --color-info-text: #0c5460;
    
    /* Typography Colors */
    /*--color-h1: #fff;*/
    --color-h1: #004085;
    --color-h2: #0062ff;
    --color-h3: #444;
    --color-h1-secondary: #0062ff;
    --color-h2-secondary: #0b4444;
    --color-h2-tertiary: #0c5460;
        
    /* Spacing */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 12px;
    --spacing-lg: 16px;
    --spacing-xl: 20px;
    --spacing-2xl: 24px;
    --spacing-3xl: 28px;
    --spacing-4xl: 30px;
    --spacing-5xl: 32px;
    --spacing-6xl: 40px;
    --spacing-7xl: 48px;
    --spacing-8xl: 56px;
    --spacing-9xl: 62px;

    /* Layout */
    --container-max-width: 1240px;
    --container-padding-x: var(--spacing-xl);
    
    /* Border Radius */
    --radius-sm: 3px;
    --radius-md: 4px;
    --radius-lg: 5px;
    --radius-xl: 6px;
    --radius-2xl: 8px;
    --radius-full: 25px;
    --radius-circle: 50%;
    
    /* Font Sizes */
    --font-size-xs: 0.85rem;
    --font-size-sm: 0.9rem;
    --font-size-base: 0.95rem;
    --font-size-md: 1rem;
    --font-size-mlg: 1.1rem;
    --font-size-lg: 1.2rem;
    --font-size-xl: 1.5rem;
    --font-size-2xl: 1.8rem;
    --font-size-3xl: 2.3rem;
    
    /* Font Weights */
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 550;
    --font-weight-bold: 700;
    
    /* Shadows */
    --shadow-sm: 0 2px 4px rgba(0,0,0,0.05);
    --shadow-md: 0 2px 8px rgba(0,0,0,0.1);
    --shadow-lg: 0 4px 12px rgba(0,0,0,0.15);
    --shadow-xl: 0 4px 16px rgba(0,0,0,0.2);
    --shadow-xl-light: 0 4px 16px rgba(0,0,0,0.1);
    --shadow-2xl: 0 6px 18px rgba(0, 0, 0, 0.35);
    --shadow-3xl: 0 6px 22px rgba(0,0,0,0.75);
    
    /* Transitions */
    --transition-fast: 0.1s ease;
    --transition-base: 0.2s ease;
    --transition-slow: 0.3s ease;
}