:root {
    --bg: #111113;
    --bg-elevated: #1a1a1e;
    --accent: #5b8def;
    --accent-hover: #4a7de0;
    --text-main: #e4e4e9;
    --text-muted: #7a7a8c;
    --border: #2a2a30;
    --card-bg: #18181c;
    --transition: 0.2s ease;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 80px;
}

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

body {
    background-color: var(--bg);
    color: var(--text-main);
    font-family: 'DM Sans', sans-serif;
    overflow-x: hidden;
    line-height: 1.6;
}

h1, h2, h3 {
    font-family: 'Syne', sans-serif;
}