/* thankstolael brand palette. One source for every page.
   Copper PANTONE 7574 C, beige PANTONE 4755 C, steel blue PANTONE 2160 C.
   Copper and steel blue on beige fail as small text, so small text uses --copper-deep or --ink,
   buttons are steel blue with white text, and wide backgrounds are light beige. */
:root{
  --copper:#9E6A38; --copper-deep:#7A4F27;
  --steel:#3E6991; --steel-deep:#2F5274;
  --beige:#D2C6B9; --beige-50:#F4F0EB; --beige-100:#EEE8E1; --beige-200:#E8E0D7;
  --ink:#0B1C3C; --dim:#5A4C43; --faint:#6B5D52; --white:#fff;

  --bg:var(--beige-50); --surface:var(--beige-200); --deep:var(--beige);
  --rust:var(--copper); --rust-deep:var(--copper-deep);
  --line:rgba(158,106,56,.32);

  --card:var(--steel-deep); --card-fg:var(--white); --card-dim:var(--beige-200); --card-faint:var(--beige);
  --card-line:rgba(244,240,235,.28);
}

/* 30/10/2026, Lael: the brand typeface is Charter, the one on the reels and the carousels.
   Headings are Charter Bold (Bitstream Charter, free to embed, see fonts/CHARTER-LICENSE.txt).
   Charter Black is Apple's and cannot be embedded, so the web stops at Bold. Body text stays League Spartan.
   !important because every page carries its own inline heading rules after this file. */
@font-face{font-family:Charter;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/charter-bold.woff2) format('woff2')}
h1,h2,h3{font-family:Charter,Georgia,'Times New Roman',serif!important;font-weight:700!important;letter-spacing:-.012em!important;line-height:1.08!important}