html,
body {
    overflow-x: hidden;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

:root {
    --bg: #121417;
    --surface: #1b1f24;
    --surface-soft: #23282f;
    --text: #e8e6e3;
    --muted: #a8adb3;
    --accent: #bfa37a;
    --border: rgba(255, 255, 255, 0.08);
    --container: 1200px;
    --radius: 16px;
    --shadow-soft: 0 6px 20px rgba(0, 0, 0, 0.25);
    --shadow-strong: 0 12px 40px rgba(0, 0, 0, 0.4);

    --font-body: "Inter", sans-serif;
}

body {
    font-family: var(--font-body);
}

h1,
h2,
h3 {
    letter-spacing: -0.02em;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

@media (max-width: 768px) {
    h1 {
        font-size: 2rem;
        line-height: 1.15;
    }

    h2 {
        font-size: 1.6rem;
    }

    h3 {
        font-size: 1.2rem;
    }
}