:root {
    --primary: #06172F;
    --primary-soft: #08244A;
    --primary-light: #0B3670;

    --accent: #FFC400;
    --accent-hover: #E0AE00;

    --white: #FFFFFF;
    --gray-100: #F8F9FB;
    --gray-200: #EEF1F5;
    --gray-400: #A0AEC0;
    --gray-700: #334155;

    --text: #0F172A;
    --muted: #D8E1F0;

    --radius-sm: 10px;
    --radius-md: 18px;
    --radius-lg: 28px;

    --shadow-sm: 0 10px 30px rgba(0,0,0,.12);
    --shadow-lg: 0 25px 70px rgba(0,0,0,.25);
    --shadow-xl: 0 30px 90px rgba(0,0,0,.38);

    --container: 1320px;
}