/* ==========================================================================
   Sunset Mobile Pizza — design tokens
   One warm near-black surface scale, one ember accent, cream type.
   Legacy variable names are kept as aliases so the ops screens (admin,
   kitchen, driver) inherit the same palette without markup changes.
   ========================================================================== */
:root {
  color-scheme: dark;

  /* Surfaces */
  --bg-primary: #0f0d0c;
  --bg-secondary: #141110;
  --bg-card: #1a1614;
  --bg-card-hover: #221d1a;
  --bg-glass: rgba(15, 13, 12, 0.86);
  --bg-elevated: #211c19;

  /* Type */
  --text-pure: #fff8ee;
  --text-primary: #f3ebdf;
  --text-secondary: #b3a899;
  --text-muted: #8a8074;

  /* Accent: ember (primary) and amber (rare highlight) */
  --accent: #ff6a3d;
  --accent-hover: #ff8259;
  --accent-ink: #1a0b05;
  --accent-soft: rgba(255, 106, 61, 0.14);
  --amber: #f0b45c;
  --good: #7fcf9f;
  --warn: #f0b45c;
  --bad: #ff6b6b;

  /* Lines */
  --border-subtle: rgba(243, 235, 223, 0.1);
  --border-strong: rgba(243, 235, 223, 0.22);
  --border-active: rgba(243, 235, 223, 0.38);

  /* Elevation (flat on purpose: borders do the work, shadows only for overlays) */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.6);

  /* Type families */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: ui-monospace, 'SF Mono', 'Cascadia Mono', Consolas, monospace;

  /* Shape */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 9999px;
  --header-height: 64px;
  --mobile-nav-height: 60px;
  --container-max: 1120px;

  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s ease;
  --transition-slow: 0.45s ease;

  /* ---- Legacy aliases (do not use in new code) ---- */
  --crimson-core: var(--accent);
  --crimson-vivid: var(--accent);
  --crimson-glow: rgba(255, 106, 61, 0.25);
  --crimson-deep: #8a3419;
  --crimson-dark: #3a1a0e;
  --crimson-border: rgba(255, 106, 61, 0.4);
  --border-crimson: rgba(255, 106, 61, 0.25);
  --brass-metallic: var(--amber);
  --brass-bright: var(--amber);
  --brass-dark: #8a6a30;
  --brass-glow: transparent;
  --gold-accent: var(--amber);
  --text-gold: var(--amber);
  --font-gothic: var(--font-display);
  --shadow-crimson: none;
  --shadow-crimson-sm: none;
  --theme-accent: var(--accent);
  --theme-accent-bright: var(--accent-hover);
  --theme-accent-glow: rgba(255, 106, 61, 0.25);
  --iron-border: var(--border-strong);
  --iron-wrought: var(--bg-card);
}

@media (prefers-reduced-motion: reduce) {
  :root { --transition-fast: 0s; --transition-normal: 0s; --transition-slow: 0s; }
}