/* Savior Ordering Engine — the ordering app's default design tokens (1.10.0: split out of
   ordering-app.css so a restaurant website can supply its own instead). Brand_Renderer layers a
   merchant's Experience Theme over these on the app; website-ordering.css maps them from the
   website's tokens. Inter is linked by the app template itself. */
:root {
  /* Colors */
  --red: #e11d48;
  --red-d: #be123c;
  --red-bg: #fff1f2;
  --green: #16a34a;
  --ink: #0f172a;
  --ink2: #475569;
  --ink3: #94a3b8;
  --bg: #f8fafc;
  --card: #ffffff;
  --line: #e2e8f0;
  --line2: #f1f5f9;
  /* Typography */
  --f: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04);
  --shadow: 0 4px 16px rgba(15,23,42,.08);
  --shadow-lg: 0 8px 32px rgba(15,23,42,.12);
}