:root {
    --accent: #c06fc1;
    --dark-accent: #b05fb1;
    --text: #fafafa;
    --text-secondary: #f8f8f8;
    --very-transparent: #00000020;
    --small-blur: 4px;
    --medium-blur: 12px;
    --large-blur: 24px;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Monda", system-ui, 'Inter', -apple-system, sans-serif;
}

body {
    min-height: 100vh;
    background: #0b0d10;
    color: var(--text);
}

/* Nav */
.navbar {
    position: fixed;
    top: 0;
    width: 100%;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 32px;
    background: rgba(15, 17, 21, 0.85);
    backdrop-filter: blur(var(--medium-blur));
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    z-index: 1000;
}

.navbar-logo { font-weight: 700; color: #fff; font-size: 16pt; }
.navbar-links { list-style: none; display: flex; gap: 24px; }
.navbar-links a { text-decoration: none; color: #cfcfcf; transition: 0.2s; }
.navbar-links a:hover { color: #fff; }