/* Anyone For Bridge — shared design tokens (flyer + site + board).
   Working hypothesis from docs/PLAN.md §3. Contrast ratios COMPUTED 8 Sep 2026 (WCAG 2.x).
   Subject to docs/LOGO_DIRECTION.md once the research direction lands; change values here only. */
:root {
  /* colour */
  --baize:       #1F5A3C;  /* brand green. cream on it 7.21, white 8.12, gold 4.81 */
  --baize-deep:  #12382A;  /* rim, shadow, dark sections. cream on it 11.48, gold 7.66 */
  --cream:       #F6F1E7;  /* page + paper. ink on it 16.77 */
  --card:        #FBF7EE;  /* card faces. ink 17.66, suit red 5.26 */
  --ink:         #111111;  /* body text, black suits */
  --suit-red:    #C62828;  /* hearts + diamonds. NEVER on green (1.44) */
  --gold:        #E3C565;  /* stars + accents ON GREEN ONLY (1.5 on cream) */

  /* type */
  --font-display: "DM Serif Display", "Playfair Display", Georgia, serif;
  --font-body:    "Nunito Sans", "Source Sans 3", -apple-system, "Helvetica Neue", Arial, sans-serif;

  /* scale (rem on web; pt in print sheets is set separately) */
  --fs-hero: clamp(2.4rem, 6vw, 4.2rem);
  --fs-h2:   clamp(1.6rem, 3.5vw, 2.2rem);
  --fs-body: 1.125rem;   /* 18 px minimum for this audience */
  --lh-body: 1.5;

  /* spacing + shape */
  --space-1: .5rem; --space-2: 1rem; --space-3: 1.5rem; --space-4: 2.5rem; --space-5: 4rem;
  --radius: 14px;
  --measure: 62ch;
}

@font-face { font-family: "DM Serif Display"; src: url("fonts/DMSerifDisplay-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: block; }
@font-face { font-family: "DM Serif Display"; src: url("fonts/DMSerifDisplay-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: block; }
@font-face { font-family: "Nunito Sans"; src: url("fonts/NunitoSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: block; }
@font-face { font-family: "Nunito Sans"; src: url("fonts/NunitoSans-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: block; }
@font-face { font-family: "Nunito Sans"; src: url("fonts/NunitoSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: block; }
@font-face { font-family: "Nunito Sans"; src: url("fonts/NunitoSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: block; }