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

: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:    #8A7B6B;  /* secondary meta, sub-labels, "Host stated" */
  --muted-3:    #A2907C;  /* eyebrow / uppercase section labels */
  --muted-4:    #B0A190;  /* inactive tab-bar label */

  /* 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 — only two families, no third fallback beyond these */
  --font-display: 'Bodoni Moda', Didot, 'Times New Roman', serif;
  --font-ui:      Karla, 'Helvetica Neue', Helvetica, sans-serif;

  /* 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;
}