:root {
    --emerald-400: #34d399;
    --emerald-500: #10b981;
    --emerald-600: #059669;
    --gold-400: #f5d060;
    --gold-500: #d4af37;
    --gold-600: #b8860b;
    --cream: #f5f5dc;
    --slate-950: #020617;
    --slate-900: #0f172a;
    --slate-800: #1e293b;
    --slate-700: #334155;
    --slate-600: #475569;
    --slate-400: #94a3b8;
    --slate-300: #cbd5e1;
}

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

body {
    font-family: 'Outfit', sans-serif;
    background-color: var(--slate-950);
    color: var(--cream);
    line-height: 1.6;
    overflow-x: hidden;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--slate-950);
}

::-webkit-scrollbar-thumb {
    background: var(--slate-700);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--emerald-500);
}

::selection {
    background: var(--emerald-500);
    color: var(--slate-950);
}