:root {
    --color-primary: #12305f;
    --color-primary-rgb: 18, 48, 95;
    --color-secondary: #e2572f;
    --color-secondary-rgb: 226, 87, 47;
    --color-accent: #f4b860;
    --color-dark: #0b172a;
    --color-surface: #ffffff;
    --color-surface-muted: #f5f7fb;
    --color-surface-strong: #e9eef7;
    --color-text: #142033;
    --color-muted: #60708a;
    --color-border: rgba(18, 48, 95, 0.12);
    --color-white: #ffffff;
    --font-sans: "Be Vietnam Pro", "Segoe UI", sans-serif;
    --radius-xs: 10px;
    --radius-sm: 16px;
    --radius-md: 24px;
    --radius-lg: 36px;
    --radius-full: 999px;
    --shadow-sm: 0 12px 30px rgba(11, 23, 42, 0.06);
    --shadow-md: 0 24px 60px rgba(11, 23, 42, 0.1);
    --shadow-lg: 0 36px 90px rgba(11, 23, 42, 0.14);
    --transition-smooth: all 0.32s ease;
}