/**
 * Q-Wash Core — Design tokens (H6)
 * Fuente: qwash.com.ar + Juan (acento violeta)
 * Prohibido: teal / #0b7f7a
 */
@import url("https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,400..900&display=swap");

.qwc-app,
.qwc-board {
  /* Marca web (monocromo) */
  --qwc-ink: #000000;
  --qwc-paper: #ffffff;
  --qwc-mute: #555555;
  --qwc-mute-on-ink: #c2c2c2;
  --qwc-wash: #f2f2f2;
  --qwc-line: rgba(0, 0, 0, 0.14);
  --qwc-line-on-ink: rgba(255, 255, 255, 0.18);

  /* Acento producto — violeta intenso */
  --qwc-accent: #5b21b6;
  --qwc-accent-deep: #4c1d95;
  --qwc-accent-soft: #ede9fe;

  /* Estados operativos */
  --qwc-pay: #b45309;
  --qwc-pay-soft: #fff7ed;
  --qwc-wait: #1d4ed8;
  --qwc-wait-soft: #eff6ff;
  --qwc-wash-state: var(--qwc-accent);
  --qwc-wash-soft: var(--qwc-accent-soft);
  --qwc-danger: #b91c1c;
  --qwc-danger-soft: #fef2f2;
  --qwc-ok: var(--qwc-accent);
  --qwc-ok-soft: var(--qwc-accent-soft);

  /* Forma / tipo */
  --qwc-font: "Archivo", system-ui, -apple-system, sans-serif;
  --qwc-radius: 2px;
  --qwc-radius-touch: 6px; /* solo inputs táctiles si hace falta hit-area */
  --qwc-shadow: 0 8px 28px rgba(0, 0, 0, 0.06);

  font-family: var(--qwc-font);
  color: var(--qwc-ink);
  box-sizing: border-box;
}

.qwc-app *,
.qwc-board * {
  box-sizing: border-box;
}