/* Custom Modern Dark/Light Design System for AlexLife School System */
:root {
    /* --- Primary Colors --- */
    --primary-orange: #E8923E;   /* Buttons, highlights, active states */
    --primary-gold: #D4A843;     /* Icons, badges, special labels */
    --primary-dark: #2B2B2B;     /* Headers, primary text, nav background */

    /* --- Secondary Colors --- */
    --secondary-blue: #5B9BD5;   /* Links, info alerts, secondary buttons */
    --secondary-gray: #A8A8A8;   /* Borders, disabled states */
    --secondary-cream: #F5F0E6;  /* Card backgrounds, light sections */

    /* --- Neutrals & Aliases --- */
    --white: #FFFFFF;
    --light-gray: #F5F5F5;       /* Page backgrounds */
    --medium-gray: #E0E0E0;      /* Dividers */
    --dark-text: #333333;        /* Body text */
    
    /* Layout Aliases */
    --bg-primary: var(--light-gray);
    --bg-secondary: var(--white);
    --bg-tertiary: var(--secondary-cream);
    
    --text-primary: var(--dark-text);
    --text-secondary: #666666;
    
    --primary-color: var(--primary-orange);
    --primary-hover: #D07B2D;
    
    --success-color: #10B981;
    --warning-color: var(--primary-gold);
    --danger-color: #EF4444;
    
    --border-color: var(--medium-gray);
    
    --card-shadow: 0 4px 12px rgba(43, 43, 43, 0.05), 0 1px 3px rgba(43, 43, 43, 0.03);
    --border-radius: 12px;
    --transition: all 0.25s ease-in-out;
}