:root {
    /* Brand Colors */
    --color-primary: #24417c;
    --color-secondary: #f7fafd;
    --color-accent: #3a5da5;

    /* Text Colors */
    --color-text-main: #355575;
    --color-text-muted: #64748b;
    --color-text-inverse: #ffffff;

    /* Background Colors */
    --color-bg-body: #f7fafd;
    --color-bg-card: #ffffff;
    --color-bg-input: #ffffff;

    /* Border Colors */
    --color-border: #cbd5f5;
    --color-border-light: #e2e8f0;

    /* Status Colors */
    --color-success: #10b981;
    --color-error: #ef4444;
    --color-error-bg: rgba(248, 113, 113, 0.12);
    --color-success-bg: rgba(34, 197, 94, 0.12);

    /* Shadows */
    --shadow-card: 0 18px 40px rgba(36, 65, 124, 0.1);
    --shadow-dashboard: 0 24px 50px rgba(36, 65, 124, 0.1);
    --shadow-button: 0 10px 20px rgba(36, 65, 124, 0.25);
    --shadow-hover: 0 10px 18px rgba(36, 65, 124, 0.2);
    --shadow-focus: 0 0 0 4px rgba(58, 93, 165, 0.2);

    /* Typography */
    --font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}