/* =====================================================================
   THEME – change colors, fonts, radius here. Everything else reads these.
   Shop name / logo / currency live in theme.json.
   ===================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@500;700&family=Inter:wght@400;600&display=swap");

:root {
  --bg: #0b0b0b;            /* page background (black like the menu boards) */
  --surface: #171717;       /* cards */
  --surface-2: #222;        /* inputs, chips */
  --border: #2e2e2e;
  --text: #f5f5f5;
  --muted: #a3a3a3;
  --accent: #ff6a13;        /* Bunnies orange */
  --accent-text: #111;      /* text on orange buttons */
  --accent-2: #cfe6f5;      /* light blue headline ("COMBOS") */
  --ok: #22c55e;
  --warn: #f5c400;
  --danger: #ef4444;

  --font-head: "Oswald", "Arial Narrow", system-ui, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --radius: 14px;
  --radius-sm: 10px;
}