/**
 * Capitol Academy - Centralized CSS Variables
 * Unified color scheme and design tokens for consistent branding
 * Used across both public and admin interfaces
 */

:root {
    /* ===== PRIMARY BRAND COLORS ===== */
    --ca-primary-navy: #011a2d;
    --ca-primary-navy-light: #1a3461;
    --ca-primary-blue: #00233e;

    --ca-accent-red: #a90418;
    --ca-accent-red-dark: #8b0314;
    --ca-accent-red-light: #c82333;
    --ca-red: #971020;

    /* ===== SECONDARY COLORS ===== */
    --ca-gray: #45403f;
    --ca-gray-light: #6c757d;
    --ca-gray-lighter: #f8f9fa;

    --ca-green: #99b75a;
    --ca-success-green: #28a745;

    /* ===== NEUTRAL COLORS ===== */
    --ca-white: #ffffff;
    --ca-light-gray: #f6f7f9;
    --ca-background: #ffffff;

    --ca-text-dark: #343a40;
    --ca-text-light: #6c757d;

    /* ===== STATUS COLORS ===== */
    --ca-warning-orange: #ffc107;
    --ca-info-blue: #17a2b8;
    --ca-danger: var(--ca-accent-red);
    --ca-success: var(--ca-success-green);

    /* ===== LEGACY COMPATIBILITY (for gradual migration) ===== */
    --primary-navy: var(--ca-primary-navy);
    --primary-navy-light: var(--ca-primary-navy-light);
    --accent-red: var(--ca-accent-red);
    --accent-red-dark: var(--ca-accent-red-dark);
    --accent-red-light: var(--ca-accent-red-light);
    --success-green: var(--ca-success-green);
    --warning-orange: var(--ca-warning-orange);
    --light-gray: var(--ca-light-gray);
    --white: var(--ca-white);
    --text-dark: var(--ca-text-dark);

    /* ===== DESIGN TOKENS ===== */
    --ca-border-radius: 8px;
    --ca-border-radius-small: 4px;
    --ca-border-radius-large: 12px;

    --ca-shadow-small: 0 2px 4px rgba(0, 0, 0, 0.1);
    --ca-shadow-medium: 0 4px 8px rgba(0, 0, 0, 0.15);
    --ca-shadow-large: 0 8px 16px rgba(0, 0, 0, 0.2);

    --ca-transition-fast: 0.15s ease;
    --ca-transition-normal: 0.3s ease;
    --ca-transition-slow: 0.5s ease;

    /* ===== TYPOGRAPHY ===== */
    --ca-font-family-heading: 'Montserrat', sans-serif;
    --ca-font-family-body: 'Calibri', sans-serif;

    --ca-font-size-xs: 0.75rem;
    --ca-font-size-sm: 0.875rem;
    --ca-font-size-base: 1rem;
    --ca-font-size-lg: 1.125rem;
    --ca-font-size-xl: 1.25rem;
    --ca-font-size-2xl: 1.5rem;
    --ca-font-size-3xl: 1.875rem;

    --ca-font-weight-normal: 400;
    --ca-font-weight-medium: 500;
    --ca-font-weight-semibold: 600;
    --ca-font-weight-bold: 700;

    /* ===== SPACING ===== */
    --ca-spacing-xs: 0.25rem;
    --ca-spacing-sm: 0.5rem;
    --ca-spacing-md: 1rem;
    --ca-spacing-lg: 1.5rem;
    --ca-spacing-xl: 2rem;
    --ca-spacing-2xl: 3rem;

    /* ===== BREAKPOINTS (for reference) ===== */
    --ca-breakpoint-sm: 576px;
    --ca-breakpoint-md: 768px;
    --ca-breakpoint-lg: 992px;
    --ca-breakpoint-xl: 1200px;
    --ca-breakpoint-xxl: 1400px;
}