:root {
    --color-primary: #1268e8;
    --color-primary-dark: #0a4fb8;
    --color-secondary: #16c784;
    --color-secondary-dark: #0f9f69;

    --color-dark: #07172e;
    --color-dark-soft: #102442;
    --color-text: #17233a;
    --color-muted: #627089;
    --color-border: rgba(16, 36, 66, 0.12);

    --color-white: #ffffff;
    --color-surface: #f6f9fc;
    --color-surface-soft: #eef4fa;

    --shadow-sm: 0 12px 32px rgba(7, 23, 46, 0.10);
    --shadow-md: 0 24px 60px rgba(7, 23, 46, 0.18);
    --shadow-lg: 0 36px 90px rgba(7, 23, 46, 0.28);

    --radius-sm: 12px;
    --radius-md: 20px;
    --radius-lg: 32px;

    --container: 1240px;
    --header-height: 82px;

    --font-primary: "Inter", "Segoe UI", Arial, sans-serif;
}