:root {
    --color-primary: #0b3c5d;
    --color-primary-dark: #072c44;
    --color-accent: #19b7c6;
    --color-accent-light: #e8fafc;
    --color-white: #ffffff;
    --color-background: #f5f7fa;
    --color-surface: rgba(255, 255, 255, 0.88);
    --color-surface-strong: #ffffff;
    --color-text: #1f2937;
    --color-muted: #6b7280;
    --color-border: #e5e7eb;
    --color-shadow: 11 26 42;
    --gradient-primary: linear-gradient(135deg, #0b3c5d 0%, #0f5f89 55%, #19b7c6 100%);
    --gradient-soft: radial-gradient(circle at top left, rgba(25, 183, 198, 0.18), transparent 42%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(245, 247, 250, 0.96) 100%);
    --font-family-base: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --container-width: min(1240px, calc(100% - 40px));
    --section-spacing: clamp(60px, 8vw, 92px);
    --radius-xs: 14px;
    --radius-sm: 18px;
    --radius-md: 24px;
    --radius-lg: 32px;
    --shadow-soft: 0 20px 60px rgba(var(--color-shadow), 0.08);
    --shadow-card: 0 16px 40px rgba(var(--color-shadow), 0.09);
    --shadow-strong: 0 28px 80px rgba(7, 44, 68, 0.18);
    --transition-base: 220ms ease;
}