/* BikeBud colors. Base values come from the Figma Variables (tokens/fig-tokens.css)
   plus high-usage raw fills in the Figma file; brand-guideline (PDF) palette listed separately. */
:root{
  /* Blues — app UI (Figma) */
  --bb-blue-900:#003753;      /* Strong Blue -1 / "Alternative" button */
  --bb-blue-700:#005D8F;      /* Strong Blue — primary */
  --bb-blue-500:#0081C9;      /* location halo, accents */
  --bb-blue-400:#2087C0;      /* Strong Blue +1 — "Light Blue" button, illustrations */
  /* Warm accents */
  --bb-mustard:#FFB703;
  --bb-mustard-alt:#FFB61D;
  --bb-orange:#FB8500;
  --bb-orange-stroke:#CB6E04;
  /* Semantic */
  --bb-success:#006635;
  --bb-ios-blue:#007AFF;
  /* Neutrals */
  --bb-white:#FFFFFF;
  --bb-almost-white:#F5F5F5;  /* "Fog" */
  --bb-gray-100:#F8F8F8;
  --bb-gray-200:#E1E1E1;      /* dividers */
  --bb-gray-300:#C9CCCE;      /* Default Gray */
  --bb-gray-400:#AFAFAF;
  --bb-gray-500:#8A8A8A;
  --bb-gray-600:#787B7D;      /* Gray Text / inactive nav */
  --bb-gray-700:#4E4E4E;      /* Dark Gray */
  --bb-gray-900:#1D1D1D;      /* Black */
  --bb-black:#000000;

  /* Brand-guideline palette (PDF) */
  --bb-guide-fog:#F5F5F5;
  --bb-guide-strong-blue-m2:#025380;
  --bb-guide-strong-blue-m1:#01659D;
  --bb-guide-strong-blue-0:#0081C9;
  --bb-guide-strong-blue-p1:#24A8F2;
  --bb-guide-strong-blue-p2:#5BC0F8;
  --bb-guide-mustard:#FFC93C;
  --bb-guide-low-contrast-gray:#E7E7E7;
  --bb-guide-almost-black:#272727;
  --bb-guide-dark-gray:#4E4E4E;
  --bb-guide-default-gray:#C9CCCE;

  /* Semantic aliases */
  --surface-page:var(--bb-white);
  --surface-muted:var(--bb-almost-white);
  --surface-brand:var(--bb-blue-700);
  --surface-brand-deep:var(--bb-blue-900);
  --surface-accent:var(--bb-mustard);
  --text-primary:var(--bb-gray-900);
  --text-secondary:var(--bb-gray-700);
  --text-muted:var(--bb-gray-600);
  --text-on-brand:var(--bb-white);
  --text-link:var(--bb-blue-700);
  --border-strong:var(--bb-gray-700);
  --border-default:var(--bb-gray-300);
  --border-divider:var(--bb-gray-200);
  --icon-default:var(--bb-gray-700);
  --icon-active:var(--bb-blue-700);
  --icon-inactive:var(--bb-gray-600);
  --action-primary:var(--bb-blue-700);
  --action-light:var(--bb-blue-400);
  --action-alt:var(--bb-blue-900);
  --action-go:var(--bb-success);
  --route-origin:var(--bb-blue-400);
  --route-destination:var(--bb-orange);
}