/* ============================================
   AIBE Prep - Centralized Color Scheme
   Location: assets/css/colors.css
   ============================================
   CRITICAL: Change this file to update entire site theme
   All colors defined here using CSS variables
   ============================================ */

:root {
    /* ============================================
       PRIMARY COLORS - Main Brand Colors
       ============================================ */
    --color-primary: #1a472a;           /* Dark Green - Law & Justice */
    --color-primary-light: #2d5f3f;     /* Medium Green */
    --color-primary-dark: #0f2817;      /* Very Dark Green */
    
    /* ============================================
       SECONDARY COLORS - Accent & Premium
       ============================================ */
    --color-secondary: #d4af37;         /* Gold - Premium Feel */
    --color-secondary-light: #f0d469;   /* Light Gold */
    --color-secondary-dark: #b8941f;    /* Dark Gold */
    
    /* ============================================
       ACCENT COLORS
       ============================================ */
    --color-accent: #2d5f3f;            /* Medium Green Accent */
    
    /* ============================================
       TEXT COLORS
       ============================================ */
    --color-text-dark: #2c3e50;         /* Primary Text */
    --color-text-light: #ffffff;        /* Light Text (on dark bg) */
    --color-text-muted: #6c757d;        /* Muted/Secondary Text */
	--color-text-white: #ffffff;        /* White */
    
    /* ============================================
       BACKGROUND COLORS
       ============================================ */
    --color-background: #f8f9fa;        /* Light Background */
    --color-background-white: #ffffff;  /* White Background */
    --color-background-dark: #212529;   /* Dark Background */
    
    /* ============================================
       BORDER & DIVIDER COLORS
       ============================================ */
    --color-border: #e0e0e0;            /* Default Border */
    --color-border-light: #f0f0f0;      /* Light Border */
    --color-border-dark: #d0d0d0;       /* Dark Border */
    
    /* ============================================
       STATUS COLORS - Alerts & Notifications
       ============================================ */
    --color-success: #27ae60;           /* Success/Correct */
    --color-danger: #e74c3c;            /* Error/Incorrect */
    --color-warning: #f39c12;           /* Warning/Alert */
    --color-info: #3498db;              /* Information */
    
    /* ============================================
       BADGE & LABEL COLORS
       ============================================ */
    --color-badge-silver: #c0c0c0;      /* Silver Plan */
    --color-badge-gold: #d4af37;        /* Gold Plan */
    --color-badge-platinum: #e5e4e2;    /* Platinum Plan */
    
    /* ============================================
       GRADIENT BACKGROUNDS
       ============================================ */
    --gradient-primary: linear-gradient(135deg, var(--color-primary), var(--color-accent));
    --gradient-secondary: linear-gradient(135deg, var(--color-secondary), var(--color-secondary-light));
    --gradient-featured: linear-gradient(135deg, #fff, #fffbf0);
    --gradient-danger: linear-gradient(135deg, #e74c3c, #c0392b);
    --gradient-warning: linear-gradient(135deg, #fff3cd, #fff8e1);
    
    /* ============================================
       SHADOW EFFECTS
       ============================================ */
    --shadow-sm: 0 2px 10px rgba(0,0,0,0.1);
    --shadow-md: 0 5px 15px rgba(0,0,0,0.1);
    --shadow-lg: 0 10px 30px rgba(0,0,0,0.15);
    --shadow-xl: 0 15px 40px rgba(0,0,0,0.2);
    
    /* ============================================
       OVERLAY COLORS
       ============================================ */
    --overlay-dark: rgba(0, 0, 0, 0.5);
    --overlay-light: rgba(255, 255, 255, 0.8);
    --overlay-primary: rgba(26, 71, 42, 0.9);
}

/* ============================================
   USAGE EXAMPLES (For Reference - Not Active Code)
   ============================================
   
   .navbar {
       background: var(--gradient-primary);
   }
   
   .btn-primary {
       background-color: var(--color-primary);
       color: var(--color-text-light);
   }
   
   .pricing-card.featured {
       border-color: var(--color-secondary);
       background: var(--gradient-featured);
   }
   
   .alert-danger {
       background: var(--gradient-danger);
       color: var(--color-text-light);
   }
   
   .feature-card {
       box-shadow: var(--shadow-md);
       border: 1px solid var(--color-border);
   }
   
   ============================================ */