/* Bolrach shared design tokens — https://cdn.bolrach.tech/tokens.css Single source of truth for the whole estate. Approved 2026-07-22. Per-product theming: set data-product on (workspace|developers|ads|sites|analytics|live|mail). Derived brand shades use color-mix so only --brand changes per product. */ :root{ /* brand (pine) — the ONE base; products override --brand only */ --brand:#0E6B4E; --brand-deep:color-mix(in srgb, var(--brand) 82%, #000); --brand-ink:color-mix(in srgb, var(--brand) 74%, #000); --brand-bright:color-mix(in srgb, var(--brand) 52%, #59E9B6); --brand-soft:color-mix(in srgb, var(--brand) 11%, #fff); --brand-tint:color-mix(in srgb, var(--brand) 6%, #fff); --brand-line:color-mix(in srgb, var(--brand) 26%, #fff); --gold:#B48F3E; /* warm-neutral canvas */ --paper:#F7F8F3; --paper-2:#F1F3EB; --card:#FFFFFF; --card-2:#FBFCF8; --ink:#0E1A15; --text:#3A463E; --muted:#576158; --faint:#636E63; --line:#E5E8DF; --line-2:#EEF1E9; /* semantic (separate from brand accent) */ --good:#1F9D6B; --warn:#C4791C; --bad:#C0392B; --info:#2E6F9E; /* product accents (one muted family) */ --a-mail:#0E6B4E; --a-workspace:#12897A; --a-developers:#3C6076; --a-ads:#A87A38; --a-sites:#1E7D5C; --a-analytics:#0E7A66; --a-live:#66726A; /* type */ --font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; --font-disp:"Fraunces",Georgia,"Times New Roman",serif; --font-mono:ui-monospace,"SF Mono","SFMono-Regular",Menlo,Consolas,monospace; /* radius */ --r-sm:9px; --r:14px; --r-lg:20px; --r-xl:26px; --r-pill:999px; /* elevation */ --sh-1:0 1px 2px rgba(14,26,21,.04),0 6px 18px rgba(14,26,21,.05); --sh-2:0 2px 6px rgba(14,26,21,.05),0 16px 40px rgba(14,26,21,.08); --sh-3:0 30px 70px rgba(8,26,20,.22); } :root[data-product="workspace"]{--brand:var(--a-workspace)} :root[data-product="developers"]{--brand:var(--a-developers)} :root[data-product="ads"]{--brand:var(--a-ads)} :root[data-product="sites"]{--brand:var(--a-sites)} :root[data-product="analytics"]{--brand:var(--a-analytics)} :root[data-product="live"]{--brand:var(--a-live)} :root[data-product="mail"]{--brand:var(--a-mail)}