:root {
  /* === Paleta Toyita (juguetería) — extraída del logo "Toyita toy store" === */
  --color-white: #ffffff;
  --color-ivory: #fdf6fb;     /* blanco con matiz rosa */
  --color-cream: #fff4e9;     /* crema cálida */
  --color-ink: #2e2e5e;       /* navy del logo — títulos y texto fuerte */
  --color-text: #3a3a66;      /* texto cuerpo */
  --color-muted: #7a7a9c;     /* texto secundario */
  --color-line: #ebddf2;      /* líneas/bordes suaves lila */

  /* "gold" era el acento/CTA del tema floral → ahora ROSA primario Toyita.
     Se mantiene el nombre de la variable para no tocar el resto del CSS. */
  --color-gold: #ec5a9e;       /* rosa/magenta — CTA principal */
  --color-gold-soft: rgba(236, 90, 158, 0.14);

  --color-green: #7dc24b;      /* verde del logo — comprar/éxito */
  --color-green-dark: #5aa033;

  --color-danger: #f0685e;     /* coral */

  /* Acentos extra de marca (disponibles para nuevos componentes) */
  --color-purple: #b57bdc;     /* lila */
  --color-yellow: #f7c948;     /* amarillo */
  --color-orange: #f58a3c;     /* naranja */
  --color-blue: #5fb0e5;       /* azul suave */

  --shadow-soft: 0 18px 45px rgba(46, 32, 74, 0.12);
  --shadow-card: 0 10px 26px rgba(46, 32, 74, 0.10);

  /* Formas más redondeadas y juguetonas */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-round: 999px;

  /* Tipografía juguetona: Fredoka (títulos) + Nunito (cuerpo) */
  --font-display: "Quicksand", "Baloo 2", "Segoe UI", sans-serif;
  --font-body: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --max-width: 1180px;
  --header-height: 72px;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
}
