/* tokens.defaults.css — Static fallback for all brand tokens. Linked in BEFORE any DB-driven inline overrides so the CSS cascade lets DB values win when the API is available. */ :root { /* Brand colors */ --brand-red: #c92127; --brand-red-hover: #b01e24; --brand-teal: #2baab7; --brand-blue: #0f7fb8; --brand-blue-light: #4a9dd9; /* Accessible text variants of the two light brand colors: --brand-teal and --brand-blue-light are too light to reach 4.5:1 as text on white, so use these darkened tones wherever teal / light-blue is readable text. (--brand-blue and --brand-red already pass and need no variant.) */ --brand-teal-ink: #12707a; --brand-blue-light-ink: #2e6da0; /* Warm neutrals */ --ink: #1b1b1b; /* Body/secondary text darkened ~15% toward black for AAA-level contrast on white (--muted 6.8:1 -> 8.4:1, --muted-light 5.3:1 -> 6.8:1). */ --muted: #514d47; --muted-light: #5f5b54; /* Stronger secondary tone for supporting copy over TINTED backgrounds (e.g. --soft #f5f3ef). --muted measures 8.4:1 on white but only 7.6:1 on --soft; this darker tone holds ~9.6:1 on --soft (~10.6:1 on white) for a comfortable AAA margin, while staying clearly lighter than --ink so heading/subhead hierarchy is preserved. */ --muted-strong: #423e39; --bg: #fdfcfa; --bg-white: #ffffff; --soft: #f5f3ef; --border: #e4e0da; --highlight: #fff8f0; /* Shared dark surface for the credibility strip + footer (warm charcoal, part of the warm-neutral family rather than the cool pure-black --ink). */ --surface-dark: #2c2925; /* Functional */ --warning: #b8860b; --focus: #0f7fb8; /* Shadows */ --shadow: 0 2px 8px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.06); --shadow-hover: 0 4px 16px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.06); /* Spacing */ --space-xs: 4px; --space-sm: 8px; --space-md: 12px; --space-lg: 16px; --space-xl: 24px; --space-2xl: 32px; /* Radii */ --radius: 16px; --radius-sm: 8px; --radius-pill: 999px; /* Layout */ --max-width: 1100px; /* Transition */ --transition: all .2s cubic-bezier(.4,0,.2,1); /* Typography */ --font-heading: 'Outfit', 'Open Sans', system-ui, sans-serif; --font-body: 'Open Sans', system-ui, -apple-system, sans-serif; }