/* =====================================================================
   Frutaleza — Tokens de diseño (identidad visual)
   Naranja cálido sobre crema, acentos menta/verde. Mobile-first.
   Ver docs/design-system.md para la guía completa.
   ===================================================================== */

:root {
  /* Paleta — naranja */
  --fz-orange-50:  #FFF4EC;
  --fz-orange-100: #FFE2CC;
  --fz-orange-300: #FFB07A;
  --fz-orange-500: #F2682A;  /* primario */
  --fz-orange-600: #DC4F12;
  --fz-orange-700: #B33C0E;

  /* Paleta — base y acentos */
  --fz-cream:      #FFF9F2;
  --fz-mint:       #6CD9B0;
  --fz-green-700:  #1E7A53;
  --fz-white:      #FFFFFF;

  /* Tinta (texto) */
  --fz-ink-900: #1F1410;
  --fz-ink-700: #3F2A20;
  --fz-ink-500: #6B564B;
  --fz-ink-300: #B8A89E;

  /* Puntuales */
  --fz-error-bg:     #FFEDE8;
  --fz-error-border: #F6C3B4;
  --fz-error-text:   #8A2B12;
  --fz-chip-hora-bg: #E9F7F0;
  --fz-card-border:  #F0E5DB;

  /* Radios */
  --radius-sm:   12px;
  --radius-md:   18px;
  --radius-pill: 999px;

  /* Sombras (tintadas de naranja) */
  --shadow-sm: 0 2px 8px rgba(31, 20, 16, .06);
  --shadow-md: 0 10px 28px rgba(242, 104, 42, .14);

  /* Tipografía */
  --font: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* Reset global */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}
[hidden] { display: none !important; }
html, body { max-width: 100vw; overflow-x: clip; }
body {
  font-family: var(--font);
  background: var(--fz-cream);
  color: var(--fz-ink-900);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }