/* Discover PDX Food Carts — generated from the design system tokens.json. Do not hand-edit values; change tokens.json and regenerate. */
:root {
  --deep-blue: #002763;
  --deep-blue-tint-1: #193c72;
  --deep-blue-tint-2: #335282;
  --deep-blue-tint-3: #667da1;
  --deep-blue-tint-4: #7f93b1;
  --deep-blue-tint-5: #b2bed0;
  --bright-orange: #e74c28;
  --bright-orange-deep: #d83c18;
  --bright-orange-tint-1: #e95e3e;
  --bright-orange-tint-2: #ec7053;
  --bright-orange-tint-3: #f0947e;
  --bright-orange-tint-4: #f3a694;
  --bright-orange-tint-5: #f8c9be;
  --black: #1a171b;
  --white: #ffffff;
  --surface: var(--white);
  --surface-alt: var(--bright-orange-tint-5);
  --ink: var(--deep-blue);
  --ink-muted: var(--deep-blue-tint-2);
  --accent: var(--bright-orange);
  --accent-text: var(--bright-orange);
  --on-accent: var(--white);
  --line: var(--deep-blue);
  --mark: var(--deep-blue);
  --panel-heading: var(--deep-blue);
  --panel: var(--bright-orange-deep);
  --on-panel: var(--white);
  --space-1: 8px;
  --space-field: 20px;
  --space-field-pair: 25px;
  --space-panel: 58px;
  --space-4: 48px;
  --radius-none: 0px;
  --radius-panel: 16px;
  --radius-field: 22px;
  --radius-icon: 22%;
  --radius-full: 9999px;
  --panel-width: 1000px;
  --field-height: 45px;
  --field-border: 1px;
  --line-stroke: 8px;
  --icon-stroke: 3.5px;
  --font-display: "Animo", "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-sans: "Familjen Grotesk", "Helvetica Neue", Arial, sans-serif;
}