:root {
    --color-primary: #195B9A;
    --color-primary-strong: #0F3865;
    --color-primary-soft: #2C7BC6;
    --color-accent: #45A5FF;
    --color-accent-strong: #0B1E3A;
    --color-gold: #f5c542;
    --color-problem-accent: var(--color-primary-soft);
    --color-bg: #030508;
    --color-bg-dark: #040812;
    --color-bg-surface: #071224;
    --color-bg-panel: #091329;
    --color-text: #F5F7FD;
    --color-text-muted: #dae5f7;
    --color-border: rgba(60, 122, 195, 0.4);
    --gradient-hero: radial-gradient(circle at 50% -10%, rgba(75, 148, 255, 0.45), rgba(3, 5, 8, 0.95) 65%);
    --gradient-section: radial-gradient(circle at 20% 20%, rgba(19, 105, 184, 0.35), rgba(3, 5, 8, 0.95) 80%);
    --gradient-panel: linear-gradient(125deg, rgba(15, 56, 101, 0.65), rgba(6, 18, 40, 0.95));
    --shadow-glow: 0 20px 60px rgba(3, 7, 17, 0.8);
    --shadow-card: 0 20px 40px rgba(3, 10, 22, 0.7);
    --radius-lg: 32px;
    --radius-md: 20px;
    --radius-sm: 12px;
    --section-spacing:  clamp(40px, 4vw, 90px);
    --container-padding: clamp(20px, 5vw, 60px);
}