:root {
    --color-ink: #111111;
    --color-muted: #6d6a66;
    --color-soft: #f5f2ec;
    --color-soft-2: #ebe5dc;
    --color-line: rgba(17, 17, 17, 0.1);
    --color-white: #ffffff;
    --color-accent: #d8842e;
    --shadow-soft: 0 30px 90px rgba(17, 17, 17, 0.11);
    --radius-xl: 34px;
    --radius-lg: 24px;
    --header-height: 82px;
    --container: min(1240px, calc(100vw - 56px));
    --ease: cubic-bezier(.2, .8, .2, 1);
}

* {
    box-sizing: border-box;
}

html {
    min-height: 100%;
    scroll-behavior: auto;
}

body {
    margin: 0;
    min-height: 100%;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--color-ink);
    background: var(--color-soft);
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
}

body.is-menu-open {
    overflow: hidden;
}

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

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

button,
input {
    font: inherit;
}

::selection {
    color: var(--color-white);
    background: var(--color-ink);
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.001ms !important;
    }
}