:root {
    --accent: #7aa2df;
    --accent-light: #bfe9ff;
    --accent-soft: #eef8ff;
    --sea: #6fc8f0;
    --sea-light: #e9f7ff;

    --dark: #083a80;
    --dark-deep: #06244e;
    --light: #ffffff;
    --soft-white: #f7fbff;

    --background-light: #f9f9f9;
    --text-color: #555555;
    --text-dark: #17233d;
    --muted: #5d6b82;
    --border-color: #dddddd;
    --border-soft: rgba(122, 162, 223, 0.16);

    --shadow-soft: 0 18px 45px rgba(8, 58, 128, 0.12);
    --shadow-medium: 0 22px 60px rgba(8, 58, 128, 0.16);
    --shadow-strong: 0 28px 70px rgba(8, 58, 128, 0.22);

    --radius-small: 18px;
    --radius-medium: 24px;
    --radius-large: 32px;
    --radius-pill: 999px;

    --font-body: "Roboto", sans-serif;
    --font-heading: "Montserrat", "Roboto", sans-serif;
}