/* Kong Burgers — variables de diseño. Blanco y negro, como la carta y el logo.
   Anton (la letra angosta del logo "KONG BURGERS") para lo grande y Archivo ancha (la de la carta) para el resto.
   Los nombres (--red, --navy, --mustard…) son los de la base de El Barto: acá valen negro, blanco y grises. */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Archivo:wdth,wght@62..125,400..900&display=swap');

:root {
  --red: #0b0b0b;          /* acción principal: botones negros */
  --red-deep: #000000;
  --red-ink: #0b0b0b;      /* texto destacado */
  --red-tint: #ececec;     /* opción elegida */
  --navy: #0b0b0b;
  --navy-deep: #000000;
  --mustard: #ffffff;      /* contadores y avisos: blanco sobre negro */
  --line-orange: #0b0b0b;
  --night: #0b0b0b;
  --surface: #f2f2f2;
  --surface-raised: #ffffff;
  --ink: #0b0b0b;
  --ink-muted: #5c5c5c;
  --line: #e2e2e2;
  --line-strong: #8f8f8f;
  --on-board: #ffffff;
  --on-mustard: #0b0b0b;
  --check-light: #ffffff;
  --success: #1d7a46;      /* solo para "abierto" y pagos aprobados */
  --success-ink: #1d7a46;
  --danger: #c62828;       /* solo para errores */
  --focus: #0b0b0b;
  --shadow-float: 0 10px 30px rgba(0, 0, 0, .35);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-10: 40px;
  --check-size: 13px;
  --radius-md: 12px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --font-display: Anton, Impact, "Arial Narrow", sans-serif;
  --font-sans: Archivo, "Helvetica Neue", Arial, sans-serif;
  --font-wide: 900 1em/1.1 Archivo, "Arial Black", sans-serif; /* referencia: títulos de la carta (ancha, negra) */
}