/*
  Design tokens — sourced from Style Reference.dc.html / README.md.
  This file is the single source of truth for color/type/spacing across
  ALL flows (this one and the 9 to follow). Flows 2–10 should import this
  same file rather than redefining tokens.
*/
:root {
  /* Colors */
  --navy: #0F1B2D;
  --cream: #F4EFE6;
  --cream-outer: #EDE7D9;
  --card-fill: #FAF7F1;
  --slate: #4A5568;
  --stone: #C7BFB1;
  --stone-light: #E4DCC9;
  --gold: #C9A961;
  --signal-orange: #F3541F;
  --source-tag-brown: #916A1B;
  --success-green: #3F6C46;
  --success-bg: #E4EFE4;
  --warning-brown: #916A1B;
  --warning-bg: #F3E9D2;
  --conflict-red: #B23F17;
  --conflict-bg: #FCEEE8;

  /* Shape */
  --radius: 9px;
  --border: 1px solid var(--stone-light);
  --border-strong: 1.5px solid var(--stone);

  /* Layout — the centered flow card. Phones sit below this cap and stay
     full-width; the cap only widens the column on tablet/desktop. */
  --flow-max-width: 640px;

  /* Type */
  --font-display: 'Red Hat Display', sans-serif;
}