/* ============================================================= WorkFromSA — colour & type tokens. "Fynbos luxury" direction (see docs/design-direction.md): warm bone paper, deep fynbos green, terracotta, sage & peach section tints, Bodoni Moda display + DM Sans body, soft rounded surfaces. One source of truth — never hardcode a value that exists as a token. Per-town accent set via --town on . ============================================================= */ :root{ /* Display face: Cormorant — the closest free Google Fonts match to the commercial "Stellar" (PinisiArt) the owner referenced. Swap here if a Stellar licence is bought and the file is self-hosted. */ --font-display:'Cormorant','Cormorant Garamond',Georgia,'Times New Roman',serif; --font-body:'DM Sans',system-ui,-apple-system,sans-serif; /* ---- warm paper base ---- */ --paper:#FAF9F6; --surface:#FFFFFF; --surface-sunken:#F4F3F1; --ink:#1A1C1A; --ink-soft:#3F4941; --muted:#626D64; --hairline:#E3E2E0; /* ---- brand ---- */ --fynbos:#005832; /* primary green */ --fynbos-deep:#00432663; /* (unused alpha guard) */ --fynbos-dark:#004326; --terracotta:#8A4F3B; /* warm secondary */ --terracotta-dark:#6E3826; /* ---- section tints ---- */ --sage:#E8F0E8; --peach:#F9F0E8; /* ---- verified (trust) ---- */ --verified:#0F7344; --verified-soft:#E6F2EA; --verified-line:#BFE3CD; /* ---- per-town accents (muted, earthy) ---- */ --t-stellenbosch:#2E4A2D; --t-hermanus:#1A4F66; --t-worcester:#9A6A2F; --t-franschhoek:#800000; --t-paarl:#8A4F3B; --t-george:#2F5240; /* active accent — overridden per town page on */ --town:var(--fynbos); /* ---- shape & depth ---- */ --radius:16px; --radius-lg:28px; --radius-sm:12px; --pill:9999px; --shadow-soft:0 10px 40px rgba(15,115,68,.06); --shadow-card:0 20px 50px rgba(0,0,0,.04); --shadow-lift:0 26px 60px rgba(0,0,0,.08); --glass-edge:inset 0 1px 0 rgba(255,255,255,.55); /* ---- layout ---- */ --maxw:1200px; --margin:64px; } @media(max-width:820px){ :root{ --margin:24px; --radius-lg:22px; } }