/* =============================================================================
   Tuerka Ticket — tokens del sistema de diseño (dirección D2 "Noche 3D").
   Fuente de verdad: este archivo. Especificación: DESIGN.md § 3–4.
   ÚNICO archivo donde se permiten colores literales (bin/audit_design.php).
   ========================================================================== */

@font-face {
  font-family: "Archivo";
  src: url("/fonts/archivo-var.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("/fonts/jetbrains-mono-var.woff2") format("woff2-variations");
  font-weight: 100 800;
  font-display: swap;
}

:root {
  /* Color — superficie Noche */
  --noche:   #05070A;  /* fondo base */
  --panel:   #0B0F13;  /* tarjetas, superficies */
  --panel-2: #070A0D;  /* fondo de inputs */
  --panel-3: #0F1418;  /* hover de filas */
  --panel-4: #141A20;  /* fondo de badges neutros */
  --linea:   #1C242C;  /* bordes y divisiones */
  --linea-2: #26313B;  /* bordes de inputs, chips, barras inactivas */
  --linea-3: #34414C;  /* borde de botón secundario */
  --luz:     #EEF2F5;  /* texto principal */
  --bruma:   #C5CDD4;  /* texto de párrafo */
  --niebla:  #8A96A1;  /* texto secundario, etiquetas mono */
  --apagado: #5B6670;  /* deshabilitado, notas mínimas */

  /* Marca y estados — regla aguamarina/verde: DESIGN.md § 3.2 */
  --aguamarina:       #3DE0FF;  /* marca, acción, foco, en curso */
  --aguamarina-hover: #7BEAFF;
  --aguamarina-link:  #A8F1FF;
  --verde: #3CF07E;  /* SOLO confirmado: pagado, entra, ajustado */
  --ambar: #FFB224;  /* pendiente / revisar */
  --rojo:  #FF6166;  /* rechazado / no entra / destructivo */

  --verde-10:      rgba(60, 240, 126, .10);
  --aguamarina-10: rgba(61, 224, 255, .10);
  --ambar-10:      rgba(255, 178, 36, .10);
  --rojo-10:       rgba(255, 97, 102, .10);

  --velo: rgba(5, 7, 10, .80);  /* caja de texto sobre 3D o imagen */

  /* Tipografía */
  --fuente: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono:   "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Espaciado (escala de 4) */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px; --sp-5: 24px;
  --sp-6: 32px; --sp-7: 48px; --sp-8: 64px; --sp-9: 96px; --sp-10: 120px;

  /* Radios: cortos. Cero píldoras (DESIGN.md § 6.2, auditoría R2) */
  --r-btn:    8px;
  --r-input:  8px;
  --r-tile:   12px;
  --r-card:   16px;
  --r-boleta: 18px;
  --r-stage:  20px;
  --r-phone:  36px;

  /* Sombra: una sola, neutra, solo para objetos en 3D CSS */
  --sombra-3d: 0 40px 80px rgba(0, 0, 0, .5);

  /* Movimiento */
  --dur-1: 120ms;
  --dur-2: 200ms;
  --dur-3: 320ms;
  --ease:    cubic-bezier(.2, 0, 0, 1);
  --ease-io: cubic-bezier(.45, 0, .15, 1);

  /* Contenedores */
  --ancho-landing: 1320px;
  --ancho-panel:   1360px;
}