:root {
    --brand-primary: #2c5282;
    --brand-primary-light: #3b82c4;
    --brand-primary-dark: #1e3a5f;
    --brand-secondary: #334155;
    --brand-accent: #3b82f6;
    --brand-gold: #c8a04a;
    --brand-gold-light: #e8c96a;

    --brand-success: #10b981;
    --brand-warning: #f59e0b;
    --brand-danger: #ef4444;
    --brand-info: #06b6d4;

    --brand-light-gray: #f1f5f9;
    --brand-medium-gray: #e2e8f0;
    --brand-dark-gray: #64748b;

    --brand-bg: #ffffff;
    --brand-bg-secondary: #f7f8fa;
    --brand-bg-tertiary: #fdfcfb;
    --brand-text: #333333;
    --brand-text-secondary: #4a4a4a;
    --brand-text-muted: #64748b;
    --brand-border: #e2e8f0;
    --brand-border-light: #f0f0f0;

    --font-family-base: 'Poppins', sans-serif;

    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.12);
    --shadow-xl: 0 12px 40px rgba(0, 0, 0, 0.15);

    --radius-sm: 0.5rem;
    --radius-md: 0.75rem;
    --radius-lg: 1rem;

    --spacing-xs: 8px;
    --spacing-sm: 16px;
    --spacing-md: 24px;
    --spacing-lg: 40px;
    --spacing-xl: 80px;

    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.5s ease;
}

body.dark-mode {
    --brand-primary: #4a90d9;
    --brand-primary-light: #5da0e6;
    --brand-primary-dark: #3a7bc8;
    --brand-secondary: #c8cdd3;
    --brand-accent: #5da0e6;
    --brand-gold: #d4b05c;
    --brand-gold-light: #e8c96a;

    --brand-light-gray: #1a1a1a;
    --brand-medium-gray: #2a2a2a;
    --brand-dark-gray: #aaaaaa;

    --brand-bg: #1a1a1a;
    --brand-bg-secondary: #222222;
    --brand-bg-tertiary: #2a2a2a;
    --brand-text: #e5e5e5;
    --brand-text-secondary: #cccccc;
    --brand-text-muted: #888888;
    --brand-border: #3a3a3a;
    --brand-border-light: #333333;
}