:root {
    /* Primary & Secondary */
    --color-primary: #253b8c;
    --color-secondary: #6c34b9;
    /* Text */
    --color-text-primary: #212529;
    --color-text-secondary: #495057;
    --color-text-light: #ffffff;
    /* Backgrounds */
    --color-bg: #ffffff;
    --color-surface: #f5f5f5;
    /* Semantic Colors */
    --color-success: #28a745;
    --color-warning: #ffc107;
    --color-error: #dc3545;
    --color-info: #17a2b8;
    /* Spacing */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 32px;
    /* Font */
    --font-base: 'Roboto', sans-serif;
}