:root {
    --bg: #1C1C1F;
    --card: #101012;
    --surface: #161618;
    --text: #E0E0E6;
    --text-secondary: #a0a0a8;
    --muted: #888;
    --border: #2e2e32;
    --teal: #00A8A8;
    --teal-bright: #3DE8E8;
    --teal-dim: rgba(0, 168, 168, 0.15);
    --teal-glow: rgba(61, 232, 232, 0.45);
    --gold: #E5B82A;
    --gold-dim: rgba(229, 184, 42, 0.14);
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --mono: "JetBrains Mono", ui-monospace, Consolas, monospace;
    --sans: "Inter", system-ui, sans-serif;
}

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

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--sans);
    background: var(--bg);
    color: var(--text);
    line-height: 1.6;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

a {
    color: var(--teal);
    text-decoration: none;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}