:root {
    /* Brand Colors */
    --st-color-primary: #2279c9;
    --st-color-primary-hover: #1b63a6;
    --st-color-primary-active: #154e83;
    --st-color-secondary: #f85b00;
    --st-color-secondary-hover: #d94f00;

    /* Neutrals & Surfaces */
    --st-color-dark: #2b3545;
    --st-color-slate: #44546a;
    --st-color-muted: #878d95;
    --st-color-border: #d8d8d9;
    --st-color-border-subtle: #e0f0ff;
    --st-color-bg-page: #f3f7fd;
    --st-color-bg-surface: #ffffff;

    /* Semantic Feedback */
    --st-color-success: #63a449;
    --st-color-danger: #d35b4d;
    --st-color-warning: #fc8a03;
    --st-color-info: #00b3e6;

    /* Typography */
    --st-font-heading: 'Ubuntu', 'ubuntubold', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --st-font-body: 'Poppins', 'poppinsregular', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

    /* Spacing & Radii */
    --st-radius-sm: 4px;
    --st-radius-md: 8px;
    --st-radius-lg: 12px;
    --st-radius-pill: 9999px;

    /* Shadows */
    --st-shadow-card: 0 4px 16px rgba(43, 53, 69, 0.08);
    --st-shadow-hover: 0 8px 24px rgba(43, 53, 69, 0.12);
}