/* ═══════════════════════════════════════════════
   BUILDER — Design Tokens
   Palette · type scale · spacing (Mari's standard)
   ═══════════════════════════════════════════════ */

:root {
  /* 🌸 palette — pink + green + yellow, never blue/purple */
  --pink: #e91e63;
  --pink-soft: #fce4ec;
  --green: #2e8b57;
  --green-soft: #e6f4ea;
  --yellow: #f2b705;
  --danger: #d64545;

  /* light theme (boots first) */
  --bg: #fffaf9;
  --surface: #ffffff;
  --surface-alt: #fdf1f4;
  --text: #2b2b2b;
  --text-soft: #6a6a6a;
  --border: #f0d6de;
  --shadow: 0 2px 10px rgba(233, 30, 99, 0.08);

  /* type — prime scale only, 11pt floor */
  --font-body: 'Carlito', Calibri, sans-serif;
  --fs-body: 11pt;
  --fs-h4: 13pt;
  --fs-h3: 17pt;
  --fs-h2: 19pt;
  --fs-h1: 23pt;
  --fs-hero: 31pt;

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

:root[data-theme="dark"] {
  --bg: #201a1d;
  --surface: #2a2226;
  --surface-alt: #33272c;
  --text: #f5eef0;
  --text-soft: #c9b8bf;
  --border: #4a3a41;
  --shadow: 0 2px 14px rgba(0, 0, 0, 0.35);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #201a1d;
    --surface: #2a2226;
    --surface-alt: #33272c;
    --text: #f5eef0;
    --text-soft: #c9b8bf;
    --border: #4a3a41;
    --shadow: 0 2px 14px rgba(0, 0, 0, 0.35);
  }
}