/* ================================================================ KINETIC DESIGN TOKENS — single source of truth ================================================================ All Verif-AI pages consume this file. To change a colour / spacing: edit HERE ONLY. Pages via _kinetic_head.html partial → tokens arrive automatically. Standalone pages (splash, pricing, login, report…) → in . ================================================================ */ /* Light palette (default) */ :root { /* Paper */ --paper: #f6f1e8; --paper-2: #ede5d3; --paper-3: #e4d9bf; /* Ink */ --ink: #1a1d24; --ink-2: #2d3340; --ink-3: #5a6476; --ink-4: #8c94a4; /* Rules */ --rule: #d6cdb8; --rule-2: #7b8698; --rule-strong: #7b8698; /* Accent */ --accent: #1e3a5f; --accent-2: #3d6ea8; --accent-warm: #3d6ea8; /* Semantic */ --ok: #2f6847; --warn: #a56b1e; --bad: #8a2d1f; /* Legacy aliases (kept for backward compat) */ --green: #2f6847; --blue: #1e3a5f; --bg: #f6f1e8; } /* Base body — applies on every page that loads this file. Kinetic-partial pages (_kinetic_head.html) add font/smoothing on top. */ body { background: var(--paper-3); color: var(--ink); } /* Grain texture overlay — subtle newsprint feel on all pages */ body::after { content: ''; position: fixed; inset: 0; z-index: 9999; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E"); opacity: 0.035; } /* Graphite dark palette */ body[data-palette="graphite"] { --paper: #141619; --paper-2: #1c1f24; --paper-3: #252930; --ink: #f0ece2; --ink-2: #d4cfc2; --ink-3: #9a9487; --ink-4: #6e685c; --rule: #2e333b; --rule-2: #3f4651; --rule-strong: #3f4651; --accent: #6ea0d6; --accent-2: #9ec3e6; --accent-warm: #9ec3e6; --ok: #6fc28a; --warn: #d4a24a; --bad: #e08575; --green: #6fc28a; --blue: #6ea0d6; --bg: #141619; }