/*
 * FCOS FoodCourt brand stylesheet.
 * Load once per app (linked from index.html as /brand.css).
 *
 * Typeface: SF Pro Display. SF Pro is Apple's system font and is not
 * redistributable as a web font, so it is referenced by name — it renders
 * natively on Apple platforms and falls back to the platform system UI font
 * elsewhere. No @font-face and no external font request are needed.
 */

:root {
  /* Primary brand — FoodCourt red */
  --fc-red-5: #E60A2B;
  --fc-red-6: #AB0720;
  --fc-green-5: #46AE31;
  --fc-yellow-5: #F9C320;
  --fc-blue-5: #0EA3FD;
  --fc-gray-6: #1A1A1A;
  --fc-gray-11: #F5F5F5;
  --fc-font-ui: 'SF Pro Display', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --fc-font-display: var(--fc-font-ui);
}

html,
body {
  margin: 0;
  font-family: var(--fc-font-ui);
  color: var(--fc-gray-6);
  background: var(--fc-gray-11);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}