/* Fuentes, colores y utilidades de marca: los comparten la pantalla del cliente y las fichas.
   Fuentes servidas desde el plugin (OFL, ver fonts/OFL-*.txt): ninguna petición a terceros */
@font-face { font-family: Figtree; font-weight: 400; font-display: swap; src: url("fonts/figtree-latin-400.woff2") format("woff2"); }
@font-face { font-family: Figtree; font-weight: 600; font-display: swap; src: url("fonts/figtree-latin-600.woff2") format("woff2"); }
@font-face { font-family: Outfit; font-weight: 600; font-display: swap; src: url("fonts/outfit-latin-600.woff2") format("woff2"); }

:root {
  --supuop-bg: #FAF9F6;
  --supuop-surface: #FFFFFF;
  --supuop-soft: #F4F2EC;
  --supuop-ink: #1E202B;
  --supuop-on-ink: #FFFFFF;
  /* Texto largo (opiniones, respuestas): algo más suave que la tinta, 12:1 sobre blanco */
  --supuop-text: #30323D;
  --supuop-muted: #5C5E6E;
  --supuop-gold: #B5953C;
  /* Solo iconos y foco (no texto): 4,4:1 sobre marfil, válido como no-texto */
  --supuop-gold-text: #8E7124;
  --supuop-line: rgba(30, 32, 43, .1);
  /* Bordes de controles: 3:1 sobre el fondo (WCAG 1.4.11) */
  --supuop-control: #7A7C88;
  --supuop-error: #A12A1F;
  --supuop-head: Outfit, system-ui, -apple-system, "Segoe UI", sans-serif;
  --supuop-body: Figtree, system-ui, -apple-system, "Segoe UI", sans-serif;
}

.supuop-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}