/* ZAGERO shared design tokens — Premium Bright Marketplace 2026 */
/* Marker: ZAGERO_BRIGHT_MARKETPLACE_2026-11-09 */
:root {
  --z-orange: #ff670a;
  --z-orange-dark: #e55c00;
  --z-orange-soft: #fff4ec;
  --z-ink: #0f172a;
  --z-muted: #475569;
  --z-line: #e2e8f0;
  --z-bg: #ffffff;
  --z-band: #f8fafc;
  --z-white: #ffffff;
  --z-panel: #ffffff;
  --z-green: #059669;
  --z-green-bg: #ecfdf5;
  --z-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
  --z-radius: 16px;
  --z-radius-pill: 50px;
  --font-ui: "DM Sans", system-ui, sans-serif;
  --font-display: "Outfit", "DM Sans", system-ui, sans-serif;

  /* Aliases for chat/admin surfaces */
  --ink: var(--z-ink);
  --muted: var(--z-muted);
  --line: var(--z-line);
  --bg: var(--z-bg);
  --panel: var(--z-white);
  --orange: var(--z-orange);
  --orange-soft: var(--z-orange-soft);
  --amber: var(--z-orange);
  --text: var(--z-ink);
  --font: var(--font-ui);
  --display: var(--font-display);
  --green-soft: var(--z-green-bg);
}

body:not(.admin-body) {
  color: #0f172a !important;
  background-color: #ffffff !important;
  background: var(--z-bg);
  font-family: var(--font-ui);
}

body.admin-body {
  font-family: var(--font-ui);
}