:root {
    --saya-primary: #263B70;
    --saya-primary-dark: #1B2B53;
    --saya-secondary: #7188D8;
    --saya-accent: #A9C7FF;
    --saya-gold: #E7B85C;

    --saya-bg: #F5F7FC;
    --saya-surface: #FFFFFF;
    --saya-surface-soft: #EEF2FA;

    --saya-text: #202A3D;
    --saya-muted: #778197;
    --saya-border: #E4E9F2;

    --saya-success: #278568;
    --saya-warning: #C78B32;
    --saya-danger: #C34D58;

    --saya-radius-sm: 12px;
    --saya-radius-md: 20px;
    --saya-radius-lg: 26px;

    --saya-shadow: 0 12px 36px rgba(31, 49, 91, .07);
    --saya-transition: 200ms ease;

    /* Compatibility with existing templates */
    --bg: var(--saya-bg);
    --surface: var(--saya-surface);
    --surface-soft: var(--saya-surface-soft);
    --text: var(--saya-text);
    --muted: var(--saya-muted);
    --accent: var(--saya-primary);
    --accent-dark: var(--saya-primary-dark);
    --border: var(--saya-border);
    --green: var(--saya-success);
    --radius: var(--saya-radius-md);
    --shadow: var(--saya-shadow);
}