:root {
    --bg: #282828;
    --bg-soft: #32302f;
    --fg: #fbf1c7;
    --gray: #928374;
    --orange: #fe8019;
    --green: #b8bb26;
    --red: #fb4934;
}

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

body {
    background-color: var(--bg);
    color: var(--fg);
    font-family: 'Instrument Serif', serif; 
    line-height: 1.6;
    overflow-x: hidden;
}

.mono { font-family: 'JetBrains Mono', monospace; }

.reveal {
    animation: reveal 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    opacity: 0;
}

@keyframes reveal {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}