/* ============================================
   WIBOC - Theme Variables
   ============================================ */

:root {
    /* Primary Colors */
    --wiboc-primary: #004B87;
    --wiboc-primary-hover: #003d6b;
    --wiboc-primary-light: #E8EDF2;
    --wiboc-primary-dark: #002855;
    
    /* Accent Colors */
    --wiboc-accent: #C79A3D;
    --wiboc-accent-hover: #B8892F;
    --wiboc-accent-light: #FFF9E6;
    
    /* Status Colors */
    --wiboc-success: #28a745;
    --wiboc-success-light: #d4edda;
    --wiboc-warning: #ffc107;
    --wiboc-warning-light: #fff3cd;
    --wiboc-danger: #dc3545;
    --wiboc-danger-light: #f8d7da;
    --wiboc-info: #17a2b8;
    --wiboc-info-light: #d1ecf1;
    
    /* Neutral Colors */
    --wiboc-white: #FFFFFF;
    --wiboc-gray-50: #FAFBFC;
    --wiboc-gray-100: #F7F7F7;
    --wiboc-gray-200: #E8EDF2;
    --wiboc-gray-300: #E0E0E0;
    --wiboc-gray-400: #CCCCCC;
    --wiboc-gray-500: #888888;
    --wiboc-gray-600: #666666;
    --wiboc-gray-700: #555555;
    --wiboc-gray-800: #444444;
    --wiboc-dark: #333333;
    
    /* Typography */
    --wiboc-font: 'Helvetica Neue', Arial, sans-serif;
    --wiboc-font-size-xs: 0.75rem;
    --wiboc-font-size-sm: 0.85rem;
    --wiboc-font-size-base: 0.95rem;
    --wiboc-font-size-lg: 1.1rem;
    --wiboc-font-size-xl: 1.3rem;
    --wiboc-font-size-2xl: 1.5rem;
    --wiboc-font-size-3xl: 1.8rem;
    
    /* Font Weights */
    --wiboc-weight-normal: 400;
    --wiboc-weight-medium: 500;
    --wiboc-weight-semibold: 600;
    --wiboc-weight-bold: 700;
    
    /* Spacing */
    --wiboc-spacing-xs: 5px;
    --wiboc-spacing-sm: 10px;
    --wiboc-spacing-md: 15px;
    --wiboc-spacing-lg: 20px;
    --wiboc-spacing-xl: 30px;
    --wiboc-spacing-2xl: 40px;
    
    /* Border Radius */
    --wiboc-radius-sm: 6px;
    --wiboc-radius: 8px;
    --wiboc-radius-lg: 12px;
    --wiboc-radius-xl: 15px;
    --wiboc-radius-2xl: 20px;
    --wiboc-radius-full: 50%;
    
    /* Shadows */
    --wiboc-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
    --wiboc-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    --wiboc-shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.15);
    --wiboc-shadow-xl: 0 15px 40px rgba(0, 0, 0, 0.2);
    
    /* Transitions */
    --wiboc-transition: all 0.3s ease;
    --wiboc-transition-fast: all 0.15s ease;
    --wiboc-transition-slow: all 0.5s ease;
    
    /* Layout */
    --wiboc-max-width: 1200px;
    --wiboc-header-height: auto;
}