:root {
    --ad-bg: #f5f3ee;
    --ad-surface: #ffffff;
    --ad-surface-soft: #eeece6;

    --ad-text: #151515;
    --ad-text-soft: #676767;

    --ad-gold: #b99a45;
    --ad-gold-dark: #8f752e;

    --ad-border: rgba(21, 21, 21, .08);

    --ad-radius-sm: 12px;
    --ad-radius-md: 20px;
    --ad-radius-lg: 30px;

    --ad-shadow: 0 20px 60px rgba(0, 0, 0, .06);

    --ad-content: 1380px;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    min-width: 320px;

    background:
        radial-gradient(
            circle at 80% 0%,
            rgba(185, 154, 69, .08),
            transparent 32%
        ),
        var(--ad-bg);

    color: var(--ad-text);

    font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    -webkit-font-smoothing: antialiased;
}

button,
a,
input,
select {
    font: inherit;
}

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

button {
    cursor: pointer;
}

::selection {
    background: rgba(185, 154, 69, .25);
}