/* MUMI design tokens — copied from mumi-brand-guide.html. Change values here, not in components.
   Light mode only. */
:root {
  color-scheme: light;

  --brand: #172a89; --brand-strong: #0f2075; --brand-tint: #e8ebf7; --on-brand: #ffffff;
  --accent: #e60118; --on-accent: #ffffff;
  --surface-000: #ffffff; --surface-100: #f5f6fa; --surface-200: #eceef5;
  --ink: #12183a; --ink-muted: #565d7e; --line: #d9dcea; --line-strong: #8a90ad;
  --success: #1c6e8c; --warning: #9a5b00; --focus: var(--brand);
  --shadow-card: 0 1px 2px rgba(18,24,58,.06), 0 4px 16px rgba(18,24,58,.06);

  --font-display: "Quicksand", "Nunito", system-ui, sans-serif;
  --font-sans: "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-6: 24px;
  --space-8: 32px; --space-12: 48px; --space-16: 64px;
  --radius-sm: 6px; --radius-md: 10px; --radius-lg: 16px; --radius-pill: 999px;

  /* Colorway pastels — backgrounds behind product photos only. */
  --taro: #cbbdd8; --taro-tint: #f3eff7; --taro-ink: #4a3b63;
  --pistachio: #98b38a; --pistachio-tint: #eef3ea; --pistachio-ink: #33482a;
  --mint: #c1be99; --choco: #8f8971; --cream-tint: #f5f3ea; --choco-ink: #4a4636;

  --mumi-blue: #172a89; --mumi-red: #e60118;
}