/* Tokens de diseño — tomados de la presentación del proyecto. */
:root {
  /* Superficies */
  --ink: #16121f;          /* casi negro con tinte violeta: fondos oscuros, botones primarios */
  --ink-2: #221c2e;        /* tarjetas sobre fondo oscuro */
  --ink-3: #322a42;        /* bordes sobre fondo oscuro */
  --paper: #ffffff;        /* fondo principal: blanco */
  --sand: #f6f5f8;         /* fondo alternativo apenas gris */
  --card: #ffffff;         /* tarjetas */
  --muted-bg: #f4f3f7;     /* cajas internas (citas, stats) */
  --line: #e8e6ee;         /* bordes suaves */
  --line-strong: #d6d3df;

  /* Texto */
  --text: #16121f;
  --text-2: #4b4658;
  --text-3: #6e6880;
  --on-ink: #ffffff;
  --on-ink-2: #b8b2c6;

  /* Marca. Los nombres "gold"/"green" se mantienen para no tocar cada pantalla:
     gold = naranja vivo (color principal), green = violeta oscuro vivo (detalles y verificado). */
  --gold: #ff6b1a;         /* naranja vivo: estrellas, botones principales */
  --gold-ink: #5b21b6;     /* violeta legible sobre blanco: etiquetas e íconos de detalle */
  --gold-soft: #fff1e8;    /* fondo de avisos naranjas */
  --green: #6d28d9;        /* violeta vivo: verificado */
  --green-soft: #f1eafe;
  --danger: #b4432f;
  --danger-soft: #f8e6e1;

  /* Tipografía */
  --font-display: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Escala */
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-md: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.375rem;
  --fs-2xl: 1.75rem;
  --fs-3xl: 2.25rem;
  --fs-4xl: clamp(2.25rem, 5vw + 1rem, 4rem);

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

  /* Formas */
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(24, 23, 21, .05);
  --shadow-md: 0 6px 24px -8px rgba(24, 23, 21, .14), 0 1px 2px rgba(24, 23, 21, .04);
  --shadow-lg: 0 24px 60px -20px rgba(24, 23, 21, .28);

  --ease: cubic-bezier(.2, .7, .2, 1);
  --dur: 220ms;

  --tap: 48px;             /* alto mínimo de controles táctiles */
  --maxw-app: 480px;       /* ancho de la columna móvil */
  --maxw-web: 1200px;
}