:root {
    --color-bg: #06121c;
    --color-surface: rgba(255, 255, 255, 0.82);
    --color-surface-strong: #ffffff;
    --color-panel: rgba(10, 22, 35, 0.76);
    --color-primary: #1aa7ff;
    --color-primary-dark: #0e7fc6;
    --color-secondary: #0d1c2b;
    --color-text: #173042;
    --color-text-soft: #597384;
    --color-light: #f7fbff;
    --color-border: rgba(23, 48, 66, 0.08);
    --color-shadow: rgba(5, 24, 40, 0.18);
    --color-shadow-strong: rgba(5, 24, 40, 0.28);
    --gradient-primary: linear-gradient(135deg, #1aa7ff 0%, #34d2ff 50%, #8ee3ff 100%);
    --gradient-dark: radial-gradient(circle at top left, rgba(52, 210, 255, 0.22), transparent 34%), linear-gradient(135deg, #081521 0%, #0d2234 55%, #0a1b29 100%);
    --radius-sm: 14px;
    --radius-md: 22px;
    --radius-lg: 34px;
    --shadow-soft: 0 18px 42px var(--color-shadow);
    --shadow-strong: 0 24px 60px var(--color-shadow-strong);
    --transition: 280ms cubic-bezier(.2, .8, .2, 1);
    --container: 1180px;
    --header-height: 86px;
}