/* Redesign D1 — design tokens (design handoff docs/design_handoff_sotheysaid/).
   NOT yet wired into the live app: index.html does not @import this. Consumed by the
   D3+ report/marketing renderers. Redesign-specific names (no clash with the existing
   --success/--warning/--danger in style.css). The score-band hex values are the single
   source of truth shared with hotel_analyzer/scoring_vocabulary.py (a test pins parity). */

:root {
  /* Surfaces */
  --rd-cream-page: #FBF8F2;          /* app + marketing background */
  --rd-cream-pdf: #FCFAF5;           /* PDF sheet background */
  --rd-neutral-desk: #EAE6DC;        /* body behind PDF sheets on screen */
  --rd-parchment: #F2EADB;           /* inset panels / filter bars / footers-on-light */
  --rd-parchment-border: #e6dac5;

  /* Brand */
  --rd-burgundy: #5E1B2A;            /* nav, one contrast section/page, footer, CTAs */
  --rd-gold-line: #C28A3E;           /* rules, markers */
  --rd-gold-on-cream: #9C6B2E;       /* mono eyebrows/labels */
  --rd-gold-on-burgundy: #E6BD86;    /* labels inside burgundy blocks */
  --rd-salmon: #F0A99B;              /* "what to watch" shield icon */

  /* Ink */
  --rd-ink-heading: #1c1916;
  --rd-ink-body: #2c211f;
  --rd-ink-body-2: #3a322e;
  --rd-ink-body-3: #4a3f3a;
  --rd-ink-muted: #7c756c;
  --rd-ink-muted-2: #8a7d77;
  --rd-ink-muted-3: #9a8d83;
  --rd-cream-on-burgundy: #f0e0da;

  /* Score vocabulary — MUST match SCORE_BANDS in hotel_analyzer/scoring_vocabulary.py */
  --score-strong-fill: #3F7D5A;     /* >= 8.5 */
  --score-strong-text: #2f5f44;
  --score-mixed-fill: #C9962F;      /* 7.0 - 8.4 */
  --score-mixed-text: #9A6614;
  --score-watch-fill: #B23B2E;      /* < 7.0 */
  --score-watch-text: #a8392c;
  --score-unknown-fill: #9a8d83;    /* missing-data state, not a score band */
  --score-unknown-text: #7c756c;
  --score-bar-track: #f0e7d8;       /* rating-bar track; fill width = score * 10% */

  /* Type */
  --rd-font-display: "Newsreader", serif;       /* hotel name / section titles / scores */
  --rd-font-body: "Hanken Grotesk", sans-serif; /* body */
  --rd-font-mono: "IBM Plex Mono", monospace;   /* eyebrows / labels / meta / data */

  /* Radius / shadow / spacing */
  --rd-radius-card: 14px;           /* 12-16px */
  --rd-radius-pill: 999px;
  --rd-radius-bar: 7px;             /* 6-7px */
  --rd-card-border: 1px solid #eee2d0;
  --rd-card-shadow: 0 18px 40px -34px rgba(50, 25, 28, .5);
  --rd-hero-shadow: 0 26px 54px -42px rgba(50, 25, 28, .5);
  --rd-nav-shadow: 0 6px 20px -12px rgba(42, 20, 24, .6);
  --rd-page-pad-web: 40px;
}