:root {
    --color-primary: #0b5d7a;
    --color-primary-dark: #071b2d;
    --color-accent: #c69b54;
    --color-text: #1d2a35;
    --color-muted: #66727d;
    --color-light: #f4f7f8;
    --color-white: #fff;
    --color-border: #dfe6e9;
    --font-family: "Inter", Arial, sans-serif;
    --container-width: 1180px;
    --header-height: 86px;
    --header-height-scrolled: 76px;
    --header-height-home: 145px;
    --header-height-home-tablet: 105px;
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 28px;
    --shadow-sm: 0 12px 35px rgb(7 27 45 / 8%);
    --shadow-md: 0 22px 55px rgb(7 27 45 / 15%);
    --transition: 180ms ease;
}