:root {
    --color-primary: #1690e8;
    --color-primary-dark: #0d75c8;
    --color-primary-soft: #e9f5ff;

    --color-secondary-purple: #5f3290;
    --color-secondary-orange: #f58220;

    --color-bg: #ffffff;
    --color-surface: #f7fbff;
    --color-surface-alt: #eef6ff;

    --color-text: #1f2a44;
    --color-text-muted: #5f6f8f;
    --color-border: #d8e6f7;

    --gradient-hero: linear-gradient(125deg, #0f84dc 0%, #1690e8 50%, #5f3290 100%);
    --gradient-accent: linear-gradient(135deg, #5f3290 0%, #1690e8 70%, #f58220 100%);
    --gradient-orange-accent: linear-gradient(120deg, #f58220 0%, #ff9f3f 38%, #5f3290 100%);
    --gradient-orange-soft: linear-gradient(140deg, rgba(245, 130, 32, 0.22) 0%, rgba(22, 144, 232, 0.1) 58%, rgba(95, 50, 144, 0.12) 100%);
}