/*
 * GENERATED - do not edit.
 *
 * Produced by tools/extract-design-tokens.mjs from the Flutter app's
 * app_theme.dart, so the website and the mobile apps cannot disagree about
 * what "brand blue" is. Change the colour in Dart and re-run the tool.
 */
:root {
  /* The top bar's height, shared with the side bar's brand band. */
  --qw-header-h: 68px;

  /* Colours */
  --brand-button-blue: #003F9C;
  --brand-action-blue: #06035E;
  --brand-link-blue: #0055CC;
  --brand-background: #F9FAFB;
  --brand-text-dark: #353535;
  --brand-text-secondary: #424654;
  --brand-label-gray: #616161;
  --brand-chrome-navy: #030130;
  --brand-text-muted: #6B7280;
  --brand-price-black: #000000;
  --brand-border: #C3C3C3;
  --brand-status-open: #07A22B;
  --brand-status-open-text: #15803D;
  --brand-status-closed: #A31616;
  --whatsapp-green: #25D366;
  --brand-surface: #FFFFFF;
  --brand-surface-tint: #F3F4F6;
  --brand-sheet-background: #F7F9FC;
  --brand-muted: #9CA3AF;
  --brand-search-field-fill: #F2F3F5;
  --brand-nav-bar-blue: #1A3A8A;
  --brand-heading-gray: #1F2937;
  --brand-search-placeholder: #737785;
  --brand-facet-border: #C3C6D6;
  --brand-hairline: #E5E7EB;
  --brand-listing-header-blue: #0747A6;
  --brand-services-tint: #DDE6F4;
  --vms-primary-button-blue: #1D336F;
  --blog-surface-tint: #F2F4F7;
  --elite-gold: #D4AF37;
  --blog-divider-light: #ECEEF1;
  --step-gold: #FACC15;
  --step-done: #1D4ED8;
  --step-active: #2563EB;
  --step-upcoming: #60A5FA;
  --_dark-outline-blue: #A9C2EA;

  /* Aliases, as declared in Dart */
  --brand-vehicle-name-blue: var(--brand-button-blue);
  --journey-card-min-height: var(--brand-action-button-height);

  /* Sizes, in px unless the name says otherwise */
  --brand-action-button-height: 48.0px;
  --brand-loader-width: 120.0px;
  --font-xs: 11.0px;
  --font-sm: 12.0px;
  --font-body: 14.0px;
  --font-md: 16.0px;
  --font-lg: 18.0px;
  --font-xl: 20.0px;
  --font-display: 24.0px;
  --card-radius: 12.0px;
  --journey-card-radius: 12.0px;
  --card-carousel-width: 224.0px;
  --card-carousel-height: 270.0px;
  --card-carousel-width-compact: 172.0px;
  --card-store-carousel-height: 246.0px;
}