/* ============================================================ Bright Sparrow — Shared site styles Edit here; all pages inherit automatically. ============================================================ */ /* ── BASE TOKENS ─────────────────────────────────────────────── */ :root { --ink: #0E1116; --paper: #FFFFFF; --magenta: #E5197A; --flamingo: #F25C50; --slate-700: #2C3540; --slate-500: #6B7480; --slate-300: #C9CFD8; --slate-200: #D9DDE2; --fog: #F4F5F7; } /* ── RESET + BASE ────────────────────────────────────────────── */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { font-family: 'Mulish', system-ui, -apple-system, sans-serif; color: var(--slate-700); background: var(--paper); line-height: 1.55; } img { display: block; max-width: 100%; } /* ── SHARED ANIMATIONS ───────────────────────────────────────── */ @keyframes rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } } @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } } /* ── BLOG SECTION PALETTE OVERRIDE ──────────────────────────── */ /* Applied via on blog pages */ body.section-blog { --magenta: #5C68FF; --flamingo: #6E7AFF; } /* NAV BASE — always-fixed dark bar (blog pages, workshop) index.html overrides position to absolute initially via its own