/* ===== NexMed — tokens de marca v2 (papelería = fuente de verdad) =====
   v2 — 2026-08-07 · Dirección F3 "Medianoche grafito y champagne empolvado"
   (fusión D4×D2), elegida por el dueño sobre el panel de paleta-v2/ tras la
   ronda de afinado: D4 ganó la primera vuelta y F3 la fusión con D2.
   Los nombres de token son ROLES (--gold-* = acento metálico, --navy-* = base
   oscura), no matices: los consumidores no se renombran entre versiones.

   SINCRONIZACIÓN: este archivo se edita AQUÍ primero y se copia byte-idéntico
   a nexmed-recetario, nexmed-historias-clinicas y nexmed-landing al iniciar el
   turno de pulido de cada repo (plan premium 2026-08). No inventar colores
   fuera de esta paleta. Matriz AA completa: paleta-v2/valida-contraste.mjs y
   PALETA.md. */

@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 600;
  src: url("../assets/fonts/cormorant-garamond-v21-latin-600.woff2") format("woff2");
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: italic;
  font-weight: 600;
  src: url("../assets/fonts/cormorant-garamond-v21-latin-600italic.woff2") format("woff2");
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 700;
  src: url("../assets/fonts/cormorant-garamond-v21-latin-700.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: url("../assets/fonts/inter-v20-latin-regular.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  src: url("../assets/fonts/inter-v20-latin-500.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: url("../assets/fonts/inter-v20-latin-600.woff2") format("woff2");
}

:root {
  /* Marca — acento champagne empolvado */
  --gold-100: #F3EFE3;
  --gold-300: #D4C39C;
  --gold-500: #B49C68;
  --gold-600: #907A48;
  --gold-700: #6C5B33; /* único dorado válido para texto pequeño sobre claro */
  /* Marca — base medianoche grafito */
  --navy-900: #12161F;
  --navy-800: #1A1F2C;
  --navy-700: #2A3146;
  /* Neutrales cálidos (papel porcelana-marfil) */
  --ivory: #F4F2ED;
  --white: #FFFFFF;
  --stone-200: #E9E5DC;
  --stone-300: #D8D3C6;
  --ink: #1D2029;
  --gray-600: #565B66;
  --gray-300: #B9BEC8;
  --ivory-wordmark: #EDEAE2; /* wordmark sobre la base (logo-footer, reverso de tarjeta) */
  --gold-soft: #5D553C;      /* monograma monumental sobre la base (reverso de tarjeta) */
  /* Peligro clínico — semántico, no de marca. Reglas de uso por repo en PALETA.md:
     HC = SOLO alergias confirmadas; recetario = solo pantalla, margen izquierdo
     rojo significa únicamente "esto impide emitir". */
  --danger-700: #9B2226;
  --danger-800: #6E1417;
  --danger-300: #DFAFAC;
  --danger-100: #FBF1F1;
  /* Tipografía */
  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  /* Espaciado — base 4 px (pantalla) */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  /* Movimiento — contención: micro / estándar / entrada. Siempre bajo
     prefers-reduced-motion en el CSS consumidor. */
  --dur-1: 120ms;
  --dur-2: 200ms;
  --dur-3: 280ms;
  --ease-estandar: cubic-bezier(0.2, 0, 0.2, 1);
  --ease-desacel: cubic-bezier(0, 0, 0.2, 1);
  /* Elevación — tinte navy-900 (#12161F), tres niveles: superficie / menú / modal */
  --sombra-1: 0 1px 2px rgb(18 22 31 / 0.08), 0 8px 24px -12px rgb(18 22 31 / 0.18);
  --sombra-2: 0 12px 30px rgb(18 22 31 / 0.14);
  --sombra-3: 0 24px 60px rgb(18 22 31 / 0.30);
  /* Detalle */
  --radius: 3px;
  --gold-hairline: rgb(212 195 156 / 0.75);
  --focus-ring: 2px solid var(--gold-600); /* con outline-offset 2px; 3.71:1 sobre ivory */
}