/* ============================================================ EDITORIAL LIGHT · Zach's video + web brand black / gold / white / tan · established 2026-07-23 Single source of truth. Import this, don't re-hardcode colors. (Does NOT apply to the Facebook black/red/yellow card system.) Fonts (load once in ): https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&family=Newsreader:ital,opsz,wght@1,18,400;1,18,500;0,18,500&family=JetBrains+Mono:wght@600&display=swap ============================================================ */ :root{ --paper:#F4EEDF; --paper-2:#EFE7D2; --paper-hi:#FBF7EC; --ink:#1C1A17; --ink-2:#413B31; --taupe:#6B6456; --gold:#B9903E; --gold-2:#CBA85C; --gold-soft:rgba(185,144,62,.20); --k-1:#0A0908; --k-2:#15120D; --k-3:#1E1A14; --on-gold:#141210; --line:rgba(28,26,23,.14); --line-d:rgba(244,238,223,.15); --mut-d:#B4AC9B; --mut-d2:#C9C1B0; --font-display:"Inter",system-ui,sans-serif; --font-accent:"Newsreader",Georgia,serif; --font-mono:"JetBrains Mono",ui-monospace,monospace; --dark-surface: radial-gradient(1000px 760px at 84% 8%,rgba(185,144,62,.15) 0%,transparent 55%), radial-gradient(900px 720px at 10% 94%,rgba(185,144,62,.08) 0%,transparent 55%), linear-gradient(160deg,#0a0908 0%,#141110 52%,#0b0a09 100%); } /* ---- surfaces ---- */ .el-paper{background:var(--paper);color:var(--ink)} .el-paper-2{background:var(--paper-2);color:var(--ink)} .el-dark{background:var(--dark-surface);color:var(--paper)} /* ---- type ---- */ .el-eyebrow{font-family:var(--font-mono);font-weight:600;font-size:.9rem;letter-spacing:.28em; text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:16px} .el-eyebrow::before{content:"";width:44px;height:2px;background:var(--gold);border-radius:2px} .el-h{font-family:var(--font-display);font-weight:900;letter-spacing:-.02em;line-height:1.02;color:var(--ink)} .el-dark .el-h{color:var(--paper-hi)} .el-accent{font-family:var(--font-accent);font-style:italic;font-weight:500;color:var(--gold)} .el-sub{font-family:var(--font-accent);font-style:italic;font-weight:400;color:var(--taupe);line-height:1.5} .el-dark .el-sub{color:var(--mut-d2)} .el-num{font-family:var(--font-display);font-weight:900;color:var(--gold);letter-spacing:-.03em;line-height:1} .el-rule{height:3px;width:96px;background:var(--gold);border-radius:2px} /* ---- cream card floating on dark ---- */ .el-card{background:var(--paper);border:1px solid var(--gold-soft);border-radius:22px; box-shadow:0 40px 110px rgba(0,0,0,.55);color:var(--ink)} /* ---- gold pill / chip / button ---- */ .el-chip{background:var(--gold);color:var(--on-gold);font-family:var(--font-mono);font-weight:900; border-radius:12px;display:inline-grid;place-items:center} .el-btn{background:var(--gold);color:var(--on-gold);font-family:var(--font-display);font-weight:800; border-radius:14px;text-decoration:none;display:inline-flex;align-items:center;gap:12px;padding:20px 44px}