/* =====================================================================
   Tokens de diseño — Mi Escondite en la Amazonía
   Paleta: verde selva sobrio + tonos cálidos de madera/café. Contraste AA.
   Todo el tamaño parte de 18px: pensado para lectura cómoda a 50+ años.
   ===================================================================== */
:root {
  /* Marca */
  --color-primary: #1f6b47;         /* verde selva: acción principal, COBRAR */
  --color-primary-hover: #185a3b;
  --color-primary-soft: #e3f1ea;
  --color-accent: #b5651d;          /* café/madera: detalles cálidos */
  --color-accent-soft: #f7ebdf;

  /* Neutros cálidos */
  --color-bg: #f6f4ef;
  --color-surface: #ffffff;
  --color-surface-alt: #faf8f4;
  --color-border: #e2ddd3;
  --color-border-strong: #c9c2b4;
  --color-text: #1d2320;
  --color-text-muted: #5b635e;
  --color-text-inverse: #ffffff;

  /* Estados */
  --color-success: #1f7a4d;
  --color-success-soft: #e2f3ea;
  --color-danger: #b3261e;
  --color-danger-soft: #fbe9e7;
  --color-warning: #9a5b00;
  --color-warning-soft: #fdf1dc;
  --color-info: #1d5c96;
  --color-info-soft: #e5eef8;

  /* Tipografía */
  --font-family: "Nunito Sans", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  --font-size-sm: 1rem;       /* 16px: textos secundarios, nunca menos */
  --font-size-base: 1.125rem; /* 18px */
  --font-size-lg: 1.375rem;   /* 22px */
  --font-size-xl: 1.75rem;    /* 28px */
  --font-size-2xl: 2.25rem;   /* 36px: montos grandes */
  --font-weight-normal: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 800;
  --line-height: 1.45;

  /* Espaciado (base 4px) */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px;

  /* Formas */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(29, 35, 32, 0.06);
  --shadow-md: 0 4px 16px rgba(29, 35, 32, 0.08);
  --shadow-lg: 0 12px 40px rgba(29, 35, 32, 0.18);

  /* Tamaños táctiles: nada interactivo mide menos de 48px */
  --touch-min: 52px;
  --sidebar-width: 240px;

  --transition: 160ms ease;
}