/* Crashers — design tokens. Copy this file into the app verbatim.
   Every value in the reference build comes from here.

   Revised 2026-09-30, "Paper, sharpened" (Option A of the redesign review):
   the three pale greys failed WCAG AA on every ground, so they are darkened
   to pass at 4.5:1; and the reading face becomes Hanken Grotesk, with the
   serif kept as --font-brand for the wordmark, screen titles and the host's
   quote only. The palette is otherwise the handoff's. */

:root {
  /* Ink */
  --ink:        #17130F;  /* primary text, filled tags, active tab label */
  --ink-2:      #4A4038;  /* event title (the subtitle line), detail body */
  --ink-3:      #574C42;  /* long-form paragraph copy */
  --muted:      #6B5C4C;  /* text on sand chips, outlined tag text */
  --muted-2:    #6F6051;  /* secondary meta, sub-labels - 5.6:1 on paper */
  --muted-3:    #736454;  /* section labels, card meta - 5.3:1 on paper, 4.7:1 on sand */
  --muted-4:    #736454;  /* inactive tab-bar label - was 2.3:1, now 5.3:1 */

  /* Ground */
  --paper:      #FAF6EF;  /* app background, sheet background */
  --paper-2:    #F3EADA;  /* quote block, stat block, close-button fill */
  --sand:       #F0E8DA;  /* inactive chip fill */
  --rule:       #E5DCCC;  /* hairline dividers, off-state toggle track */
  --border:     #DCD2C2;  /* 1px outlined tags, secondary buttons */

  /* Accent — exactly one on screen at a time */
  --accent:     #B4442A;
  --accent-ink: #FFF8EF;

  /* Map */
  --dot-you:    #3A6BD6;
  --map-land:   #F1EDE2;
  --map-road:   #E4E7E0;
  --map-water:  #DDE5E6;

  /* Scrims */
  --scrim-sheet:  rgba(23, 19, 15, .45);
  --scrim-detail: rgba(23, 19, 15, .5);

  /* Type — two families. The sans carries everything a reader scans; the
     serif is the brand's voice and appears in exactly two roles. */
  --font-display: 'Hanken Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif;  /* event names, headings */
  --font-ui:      'Hanken Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif;  /* everything else */
  --font-brand:   'Playfair Display', Didot, 'Times New Roman', serif;              /* wordmark, screen titles, the host's quote */

  /* Geometry */
  --gutter:        22px;   /* every screen except onboarding */
  --gutter-ob:     28px;   /* onboarding only */
  --tap:           44px;   /* minimum tap dimension, no exceptions */

  --r-tag:          6px;
  --r-tag-filled:   7px;
  --r-save:         8px;
  --r-option:      10px;   /* filter options, secondary buttons */
  --r-button:      12px;   /* primary buttons */
  --r-block:       14px;   /* quote block, stat block */
  --r-pill:       999px;
  --r-sheet:       22px 22px 40px 40px;
}