:root {
    --stg-primary: #1a2f7a;
    --stg-primary-dark: #14225a;
    --stg-primary-light: #3e5db5;
    --stg-primary-100: #e9edff;
    --stg-primary-900: #101e56;
    --stg-accent: #10b9dd;
    --stg-coral: #ff625b;
    --stg-purple: #7157c5;
    --stg-gold: #e7bd59;
    --stg-gold-soft: #fff5d8;
    --stg-sky: #76c6df;
    --stg-sky-soft: #e8f8fc;
    --stg-cream: #fff8e9;
    --stg-surface: #ffffff;
    --stg-surface-muted: #faf7f1;
    --stg-text: #25314d;
    --stg-text-muted: #74809a;
    --stg-muted: #8e97aa;
    --stg-border: #e6ddd3;
    --stg-success: #218a5b;
    --stg-success-soft: #e7f7ed;
    --stg-danger: #b9443f;
    --stg-danger-soft: #fff0ef;
    --stg-warning-soft: #fff7dc;
    --stg-font: "Cairo", "Tahoma", sans-serif;
    --stg-font-display: "Cairo", "Tahoma", sans-serif;
    --stg-radius-sm: 9px;
    --stg-radius: 16px;
    --stg-radius-lg: 24px;
    --stg-shadow-sm: 0 5px 18px rgba(26, 47, 122, .08);
    --stg-shadow: 0 12px 30px rgba(26, 47, 122, .12);
    --stg-transition: .18s ease;
}