/* ═══════════════════════════════════════════════
   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: #fafafa;
  --surface: #ffffff;
  --surface-alt: #f5f4f4;
  --text: #2b2b2b;
  --text-soft: #6a6a6a;
  --border: #e4e1e2;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-hover: 0 2px 10px rgba(0, 0, 0, 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: #1c1b1c;
  --surface: #252325;
  --surface-alt: #2d2a2c;
  --text: #f5eef0;
  --text-soft: #c9b8bf;
  --border: #3b3739;
  --shadow: 0 2px 14px rgba(0, 0, 0, 0.35);
  --shadow-hover: 0 10px 30px rgba(0, 0, 0, 0.5);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #1c1b1c;
    --surface: #252325;
    --surface-alt: #2d2a2c;
    --text: #f5eef0;
    --text-soft: #c9b8bf;
    --border: #3b3739;
    --shadow: 0 2px 14px rgba(0, 0, 0, 0.35);
    --shadow-hover: 0 10px 30px rgba(0, 0, 0, 0.5);
  }
}