:root {
    --blue: #6ea8fe;
    --blue-dim: #4d8fec;
    --blue-muted: rgba(110, 168, 254, 0.08);
    --blue-glow: 0 0 20px rgba(110, 168, 254, 0.15);

    --bg-0: #050507;
    --bg-1: #0c0c0f;
    --bg-2: #131316;
    --bg-3: #1a1a1f;

    --text-0: #f0f0f2;
    --text-1: #b0b0b8;
    --text-2: #6e6e7a;

    --border: rgba(255, 255, 255, 0.06);
    --border-active: rgba(110, 168, 254, 0.25);

    --sans: 'Inter', system-ui, sans-serif;
    --mono: 'Fira Code', 'Cascadia Code', monospace;

    --ease: cubic-bezier(0.16, 1, 0.3, 1);
    --max-w: 1450px;
    --nav-h: 56px;
}