/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/styles.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************/
/* ============================================================
   Sonic Online Ordering — global design tokens & resets.
   Ported from the Butcher's Burger design system (.fr-root).
   ============================================================ */

* { margin: 0; padding: 0; box-sizing: border-box; }

html, body { height: 100%; }

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  background: #0e0c0a;
  background-image: radial-gradient(120% 80% at 50% -10%, #2a2420 0%, #110f0d 55%, #0a0908 100%);
}

/* ── Design-system tokens (light) ──────────────────────────── */
.fr-root {
  /* brand — refined Sonic emerald base (overridden per-theme by ConfigService) */
  --fr-primary-600: #059e54;
  --fr-primary-700: #067e45;

  /* semantic accents */
  --fr-success: #059e54;  --fr-success-strong: #047a42;
  --fr-info:    #2563eb;  --fr-info-strong:    #1d4ed8;
  --fr-warning: #d97706;  --fr-warning-strong: #b45309;
  --fr-danger:  #e11d48;  --fr-danger-strong:  #be123c;

  /* neutrals — light (warm paper, matching the design) */
  --fr-page:       #f6f3ee;
  --fr-surface:    #ffffff;
  --fr-surface-2:  #f9fafb;
  --fr-surface-3:  #f1ece4;
  --fr-border:     #ece6dd;
  --fr-border-2:   #e4ddd2;
  --fr-ring:       rgba(17,24,39,0.04);
  --fr-text:       #0f172a;
  --fr-text-2:     #475569;
  --fr-text-3:     #94a3b8;
  --fr-text-on:    #ffffff;

  --fr-shadow-sm: 0 1px 2px rgba(15,23,42,0.04);
  --fr-shadow:    0 1px 3px rgba(15,23,42,0.06), 0 1px 2px rgba(15,23,42,0.04);
  --fr-shadow-md: 0 4px 16px rgba(15,23,42,0.06), 0 1px 3px rgba(15,23,42,0.05);

  --fr-radius:    14px;
  --fr-radius-sm: 9px;
  --fr-radius-lg: 18px;

  --fr-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --fr-font-num: 'Inter', ui-monospace, monospace;

  /* ── brand defaults (Butcher accent) — ConfigService may override ── */
  --brand: #A4161A;
  --brand-deep: #7A0F12;
  --brand-300: #ef6f63;
  --brand-ink: #221110;
  --brand-tint: color-mix(in srgb, #A4161A 11%, #fff);
  --brand-shadow: color-mix(in srgb, #A4161A 55%, transparent);
  --brand-display: 'Plus Jakarta Sans', var(--fr-font);
  --gold: #F2A93B;
  --gold-deep: #B26C0E;
  --gold-tint: color-mix(in srgb, #F2A93B 16%, #fff);

  font-family: var(--fr-font);
  color: var(--fr-text);
  background: var(--fr-page);
  font-feature-settings: 'cv05' 1, 'cv11' 1;
}

.fr-root[dir='rtl'] {
  --fr-font: 'Cairo', 'Inter', sans-serif;
  --fr-font-num: 'Cairo', 'Inter', sans-serif;
  --brand-display: 'Cairo', 'Inter', sans-serif;
}

.fr-root * { box-sizing: border-box; }

/* tabular numbers used for prices / counts */
.fr-num { font-variant-numeric: tabular-nums; letter-spacing: -0.01em; }

iconify-icon { display: inline-flex; vertical-align: -0.125em; }
iconify-icon svg { display: block; }

button { font-family: inherit; -webkit-tap-highlight-color: transparent; }
textarea, input, select { font-family: inherit; }

/* hide scrollbars for a native app feel inside the shell */
.fr-root *::-webkit-scrollbar { width: 0; height: 0; display: none; }
.fr-root * { scrollbar-width: none; }

@keyframes spin  { to { transform: rotate(360deg); } }
@keyframes pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.35; } }
@keyframes bb-fade-up { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }


/*# sourceMappingURL=styles.css.map*/