/* ============================================================ NimbCloud — Site Theme Generated / editable via /theme-editor.html ------------------------------------------------------------ This file is the single source of truth for the site's design tokens. It overrides the :root tokens declared inline on each page. The doubled `:root:root` selector (specificity 0,0,2) guarantees these values win regardless of where this file is linked in , so integration is a single tag. Per-page brand GRADIENTS are intentionally NOT set here — each page composes its own gradient from the primitives below (--cyan / --violet / --teal), so changing a brand color here re-themes every page while each page keeps its own identity: • nightlife cyan → violet • rehab teal → cyan • index violet↔cyan / teal↔cyan ============================================================ */ :root:root { /* — Surfaces — */ --ink: #0B0E14; /* page background */ --surface: #141925; /* cards, header, panels */ --surface-2: #1B2230; /* raised / alt panels */ /* — Borders (white at low alpha) — */ --line: rgba(255,255,255,.08); --line-strong: rgba(255,255,255,.16); /* — Text — */ --text: #E6EAF2; /* primary copy */ --muted: #9AA4B8; /* secondary copy */ --faint: #6B7488; /* tertiary / captions */ /* — Brand (drive every gradient on the site) — */ --cyan: #22D3EE; --violet: #7C5CFF; --teal: #2DD4BF; --success: #34D399; /* — Typography — */ --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --f-display: clamp(2.6rem, 6vw, 4.6rem); --f-h2: clamp(1.9rem, 3.6vw, 2.8rem); --f-h3: 1.3rem; --f-body: 1.05rem; --f-sm: .92rem; /* — Spacing scale — */ --s-1: 8px; --s-2: 16px; --s-3: 24px; --s-4: 32px; --s-5: 48px; --s-6: 72px; --s-7: 112px; /* — Radius scale — */ --r-sm: 10px; --r-md: 14px; --r-lg: 20px; --r-pill: 999px; /* — Elevation — */ --e-1: 0 1px 2px rgba(0,0,0,.4); --e-2: 0 10px 30px rgba(0,0,0,.35); --e-3: 0 24px 60px rgba(0,0,0,.45); /* — Motion — */ --t: 180ms cubic-bezier(.2,.7,.3,1); } /* Font family lives on in the page CSS, so override it here with a slightly higher-specificity selector (0,0,2 > 0,0,1). */ html body { font-family: var(--font); }