:root {
    --navy: #0d2f66;
    --royal: #1f62c4;
    --sky: #82c7ff;
    --gold: #f3c661;
    --cream: #f6f1e7;
    --ink: #11213d;
    --track: #eef5ff;
    --shadow: 0 20px 45px rgba(7, 24, 52, 0.18);
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    color: var(--ink);
    font-family: Helvetica, Arial, sans-serif;
    background:
        radial-gradient(circle at top left, rgba(130, 199, 255, 0.35), transparent 28%),
        linear-gradient(180deg, #f8fbff 0%, #edf4fb 58%, #f5eee1 100%);
    padding-top: 2.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    height: 100vh;
}

img {
    display: block;
    max-width: 100%;
}

a {
    color: inherit;
    text-decoration: none;
}