* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --bg: #0d0f12;
    --bg-soft: #15181d;
    --surface: #171b21;
    --surface-2: #1d2229;
    --border: #2a3038;

    --text: #f3f5f7;
    --muted: #98a2ad;

    --primary: #d72638;
    --primary-hover: #ef3340;

    --success: #32c36c;
    --warning: #f0b429;
    --danger: #e05252;

    --radius-sm: 10px;
    --radius-md: 14px;
    --radius-lg: 18px;

    --container: 1200px;
    --transition: 0.2s ease;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Inter", sans-serif;
    background: var(--bg);
    color: var(--text);
    line-height: 1.6;
}

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

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

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