/* Grip brand tokens. Locked 2026-04-23. */ :root { /* Surfaces */ --anthracite: #16171b; --anthracite-2: #1b1d22; --anthracite-deep: #0f1014; --anthracite-deepest: #0b0c0f; --card: #1a1b1f; /* Text */ --bone: #efeae0; --bone-dim: #c9c4ba; --steel: #4a4d52; --steel-2: #6b6e74; /* Accent — default to fall (canonical copper). Per-season overrides below. */ --copper: #8b5a2b; --copper-dim: #6b4422; /* Rules */ --hairline: rgba(239, 234, 224, 0.1); --hairline-strong: rgba(239, 234, 224, 0.18); /* Type families */ --ff-display: "Inter Tight", system-ui, sans-serif; --ff-body: "Inter", system-ui, sans-serif; --ff-serif: "Fraunces", Georgia, serif; --ff-mono: "JetBrains Mono", ui-monospace, monospace; /* Layout */ --wrap-max: 1320px; --article-max: 780px; --body-max: 720px; --content-pad: 32px; } /* ────────────────────────────────────────────────────────────────────────── Seasonal colorway · the accent rotates with the calendar. The brand stays Grip; the dress changes with the season. Activated by [data-season] on , set in src/layouts/Base.astro from the current date. Override at runtime via ?season=. ────────────────────────────────────────────────────────────────────────── */ /* Spring · sage on wet stone. Green that leans earthy, not grass. Reads new growth without screaming "spring-green." */ [data-season="spring"] { --copper: #7b8b6b; --copper-dim: #4f6242; } /* Summer · iron rust in the heat. The trellis stakes after July, the dust on the path. Hot and saturated, not sunshine-yellow. */ [data-season="summer"] { --copper: #b8521e; --copper-dim: #8c3d14; } /* Fall · canonical copper. The brand's permanent state. Harvest, cure, the moment Grip is built around. */ [data-season="fall"] { --copper: #8b5a2b; --copper-dim: #6b4422; } /* Winter · frost slate. Cold without being literal blue. The pewter on a December morning, concrete on the cure floor. */ [data-season="winter"] { --copper: #6f7a82; --copper-dim: #4d5a66; }