:root {
    --font-sans: var(--font-family-base);
    --font-brand: var(--font-family-brand);

    --color-brand-orange: #F26419;
    --color-brand-orange-soft: rgba(242, 100, 25, 0.10);
    --color-brand-orange-glow: rgba(242, 100, 25, 0.16);

    --color-brand-green: #1FA971;
    --color-brand-green-deep: #177C53;

    --color-brand-blue: #1E74D9;
    --color-brand-blue-strong: #1E74D9;
    --color-brand-blue-deep: #185DB0;
    --color-brand-blue-soft: #DDEBFB;
    --color-brand-blue-mist: #F2F7FD;
    --color-brand-blue-haze: rgba(30, 116, 217, 0.08);
    --color-brand-blue-line: rgba(30, 116, 217, 0.18);

    --color-danger: #D9342B;
    --color-danger-deep: #B3261E;
    --color-danger-soft: #FCE9E7;
    --color-danger-mist: #FDF4F3;
    --color-danger-line: rgba(217, 52, 43, 0.18);

    --color-page-top: #FBFCFE;
    --color-page-bottom: #F4F6FA;
    --color-page-shell-top: #FFFFFF;
    --color-page-shell-bottom: #F6F7F9;
    --color-page-shell-border: #DCDFE6;

    --color-surface: #FFFFFF;
    --color-surface-soft: #F6F7F9;
    --color-surface-accent: #FFF4EC;

    --color-border: #DCDFE6;
    --color-border-soft: #ECEEF2;

    --color-text-strong: #0E1117;
    --color-text: #2A2F3A;
    --color-text-muted: #5E6675;

    --shadow-card: var(--elevation-card);
    --shadow-panel: var(--elevation-panel);
}