/* ZedFood Till: its own look. Midnight base, aurora gradients, glass cards, soft glow.
   It no longer borrows the dashboard's colours or the shop colours. Only dark/light follows the dashboard (html[data-mode]). */
:root {
  --bg: #070913; --bg-2: #0d1022;
  --surface: rgba(255,255,255,.055); --surface-2: rgba(255,255,255,.09); --solid: #12162b;
  --text: #f3f4ff; --text-2: rgba(226,229,255,.70); --text-3: rgba(206,210,255,.46);
  --line: rgba(160,170,255,.16);
  --accent: #8b7bff; --accent-text: #fff; --accent-rgb: 139,123,255;
  --ok: #3ee8a8; --warn: #ffbe5c; --bad: #ff6b86;
  --ok-bg: rgba(62,232,168,.14); --warn-bg: rgba(255,190,92,.15); --bad-bg: rgba(255,107,134,.15);
  --grad: linear-gradient(135deg, #5b7cff 0%, #9b5cff 52%, #e063ff 100%);
  --grad-soft: linear-gradient(135deg, rgba(91,124,255,.22), rgba(155,92,255,.18) 55%, rgba(224,99,255,.14));
  --glow: 0 8px 30px rgba(120,100,255,.38);
  --glass-blur: blur(18px) saturate(140%);
  --shadow: 0 10px 34px rgba(0,0,0,.35);
  --radius: 18px; --radius-sm: 14px;
  --btn-h: 58px; --btn-h-sm: 46px; --gap: 10px;
  --font: ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable", "Segoe UI", Roboto, system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  color-scheme: dark;
}
:root[data-mode="light"] {
  --bg: #f3f4fb; --bg-2: #e9ebf7;
  --surface: rgba(255,255,255,.78); --surface-2: rgba(255,255,255,.95); --solid: #fff;
  --text: #14172e; --text-2: rgba(30,35,70,.72); --text-3: rgba(30,35,70,.48);
  --line: rgba(80,90,170,.16);
  --accent: #6a57f0; --accent-rgb: 106,87,240;
  --ok: #0c9d6a; --warn: #b8730a; --bad: #d63a5b;
  --ok-bg: rgba(12,157,106,.12); --warn-bg: rgba(184,115,10,.13); --bad-bg: rgba(214,58,91,.12);
  --glow: 0 8px 26px rgba(106,87,240,.28);
  --shadow: 0 8px 26px rgba(40,50,120,.12);
  color-scheme: light;
}