/* NUTRIA — tokens del sistema de diseño (v2: blanco + verde fuerte + verdes naturales)
   Los nombres anteriores (--forest, --paper, --mint…) se conservan y ahora apuntan a la nueva paleta. */
:root {
  /* Verdes de marca */
  --g-900: #0A3A22;   /* verde profundo: titulares, fondos de contraste */
  --g-800: #0C5230;
  --g-700: #0B6B38;   /* verde fuerte: CTA principal */
  --g-600: #12843F;
  --g-500: #22A04F;   /* verde vivo: acentos, estados activos */
  --g-400: #58BC6E;
  --g-300: #9ED79D;   /* verde natural claro */
  --g-200: #CDEBCB;
  --g-100: #E7F5E6;   /* menta */
  --g-50:  #F3FAF2;
  --lime:  #C9EE8A;   /* acento fresco (poco) */
  --coral: #FF7B5C;   /* acento cálido para estados puntuales */

  /* Neutros */
  --white: #FFFFFF;
  --bg: #FFFFFF;
  --bg-soft: #F6F9F4;
  --paper: #FFFFFF;
  --paper-2: #F2F6F0;
  --line: #E4ECE1;
  --line-2: #CFDCCB;
  --ink: #0D1F14;
  --ink-2: #24372B;
  --muted: #58695D;
  --muted-2: #7C8B80;

  /* Alias de compatibilidad (v1) */
  --forest: var(--g-700);
  --forest-2: var(--g-800);
  --forest-3: var(--g-600);
  --leaf: var(--g-500);
  --mint: var(--g-100);
  --apricot: var(--coral);
  --apricot-ink: #B8452A;
  --apricot-soft: #FFEDE7;
  --berry: #D0415F;
  --sky: #E3F1F4;
  --ok: var(--g-600);
  --warn: #B7791F;

  --font-ui: 'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Bricolage Grotesque', 'DM Sans', system-ui, sans-serif;
  --font-accent: 'Instrument Serif', Georgia, serif;

  --r-xs: 10px; --r-sm: 14px; --r-md: 20px; --r-lg: 28px; --r-xl: 40px; --r-pill: 999px;
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px; --s-10: 136px;

  /* Sombras suaves con tinte verde (nunca negras y pesadas) */
  --shadow-1: 0 1px 2px rgba(10, 58, 34, .05), 0 2px 10px rgba(10, 58, 34, .04);
  --shadow-2: 0 2px 6px rgba(10, 58, 34, .05), 0 16px 40px rgba(10, 58, 34, .08);
  --shadow-3: 0 24px 70px rgba(10, 58, 34, .16);
  --shadow-plate: 0 18px 30px -12px rgba(10, 58, 34, .28), 0 40px 60px -30px rgba(10, 58, 34, .22);

  /* Sistema de movimiento NUTRIA
     micro (press/feedback) · ui (hover, estados) · reveal (entradas) · switch (cambio de bowl) */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --ease-organic: cubic-bezier(0.22, 1.12, 0.36, 1); /* leve rebote solo para el bowl que entra */
  --t-micro: 150ms;
  --t-ui: 240ms;
  --t-reveal: 620ms;
  --t-switch: 700ms;
  --t-special: 560ms;

  --side-w: 248px;
  --tabbar-h: 72px;
  --nav-h: 76px;
}