/* ============================================================================ * Kairos Vine — brand color tokens * * Hand-authored (this site has no token generator yet — unlike the Bible Quiz * landing, whose tokens.css is generated from brand/biblequiz.tokens.json). * Defines the --kv-* custom properties consumed by main.css. Linked first in * every page's . * * Identity: a distinct parent-company palette, separate from the Bible Quiz * product. The name carries the system — * • Vine → deep evergreen + living green: abiding, growth, lasting fruit. * • Kairos → warm dawn gold: the appointed light, the right moment. * • Ground → warm parchment: the page of Scripture, not a cold UI. * All text pairs below meet WCAG AA (gold is decorative / large only). * ========================================================================== */ :root { /* ─── Brand (the three that carry it) ─── */ --kv-evergreen: #123a2b; /* Primary — ground, headings, the vine */ --kv-gold: #d8a536; /* Kairos light — spark, rules, frames, accents */ --kv-leaf: #2f9e63; /* Living green — growth, the action color */ /* ─── Evergreen scale (dark bands) ─── */ --kv-green-900: #0c2a1f; /* Deepest — gradient floor, vignettes */ --kv-green-800: #123a2b; /* Evergreen (base) */ --kv-green-700: #184936; /* Raised dark surface */ --kv-green-600: #1d5640; /* Dark surface on dark */ --kv-on-green: #eef5ee; /* Text / marks on evergreen */ --kv-on-green-muted: #a9c6b5; /* Secondary text on evergreen */ --kv-on-green-line: rgba(238, 245, 238, 0.16); /* Hairlines on evergreen */ /* ─── Living-green scale (action) ─── */ --kv-leaf-300: #6fc796; /* Bright accent on dark */ --kv-leaf-500: #2f9e63; /* Living Green (base) */ --kv-leaf-600: #25814f; /* CTA / strong */ --kv-leaf-700: #1c6640; /* Link on light / pressed / deep */ /* ─── Gold scale (kairos light) ─── */ --kv-gold-300: #f0cd78; /* Gold soft — spark, accents on dark */ --kv-gold-500: #d8a536; /* Scripture-gold (base) */ --kv-gold-700: #946914; /* Gold deep — kicker text / rules on light (AA) */ /* ─── Neutrals — warm parchment ─── */ --kv-paper: #f7f3ea; /* Default page background */ --kv-paper-high: #fffdf8; /* Cards, raised surfaces */ --kv-paper-low: #efe8d9; /* Sunken / alternate band */ --kv-surface: #fffdf8; /* Card surface */ --kv-ink: #1d2620; /* Primary body text */ --kv-ink-soft: #38463a; /* Strong secondary text */ --kv-muted: #5b6a58; /* Muted text / captions (AA on paper) */ --kv-line: #e4ddcc; /* Borders / dividers */ --kv-line-soft: #ede7d9; /* Faint dividers */ /* ─── Signature gradients ─── */ --kv-grad-action: linear-gradient(180deg, #2a8c57, #1f6e45); --kv-grad-green: linear-gradient(135deg, #154233, #0c2a1f); --kv-grad-gild: linear-gradient(90deg, transparent, var(--kv-gold), transparent); }