/*
  Navajas — Design tokens
  Direccion: "LED nocturno del local", dark-mode-first.
  Paleta y tono (negro/azul/plateado/rojo, moderno/urbano) fijados por
  DOCUMENTACION/NAVAJAS_V3_OFICIAL.md #4. Valores concretos definidos en la
  fase de especificacion visual (ver analisis previo), pendientes de
  aprobacion final de marca.
*/

:root {
  /* Color — superficie */
  --color-negro-base: #0b0d10;
  --color-negro-superficie: #14171c;
  --color-negro-superficie-alta: #1b1f26;

  /* Color — acento LED */
  --color-azul-led: #2c5cff;
  --color-azul-led-suave: #5b7fff;
  --color-azul-profundo: #0e1b3d;

  /* Color — metal */
  --color-plateado: #b8bec7;
  --color-plateado-suave: #7d838d;

  /* Color — acento critico */
  --color-rojo-acento: #d62839;
  /* Mas oscuro que el base a proposito: aclarar el hover bajaba el
     contraste con el texto blanco por debajo de AA (4.07:1, medido).
     Oscurecer sube a 6.18:1 y ademas lee mejor como estado "presionado". */
  --color-rojo-acento-hover: #bd1f2e;
  /* Rojo para TEXTO sobre fondo oscuro (mensajes de error/validacion).
     No reutilizar --color-rojo-acento-hover ahí: ese tono, pensado como
     fondo detras de texto blanco, da solo 2.9-3.1:1 como texto sobre
     fondo oscuro (medido) — falla AA. Este tono mas claro da 8.6:1. */
  --color-rojo-texto: #ff8a94;

  /* Color — texto */
  --color-texto-claro: #f1f2f4;
  --color-texto-muted: #9aa0aa;

  /* Estado (paneles) */
  --color-estado-reservado: var(--color-azul-led);
  --color-estado-manual: #9b6bff;
  --color-estado-bloqueado: var(--color-plateado-suave);
  --color-estado-cancelado: #5a5f68;
  --color-estado-atendido: #2fbf71;

  /* Tipografia — cargada via Google Fonts (ver <link> en el <head>).
     Verificado que las 3 familias resuelven en fonts.googleapis.com antes
     de usarlas (Archivo Expanded, el candidato original, NO existe ahi). */
  --font-display: "Space Grotesk", "Arial Narrow", Arial, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;

  --fs-display-xl: clamp(2.4rem, 6vw, 4.5rem);
  --fs-display-lg: clamp(1.9rem, 4.2vw, 3rem);
  --fs-display-md: clamp(1.5rem, 3vw, 2.1rem);
  --fs-body-lg: 1.125rem;
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-tiny: 0.75rem;

  /* Espaciado (escala 4px) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;

  /* Layout */
  --container-max: 1180px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;

  /* Elevacion / glow (referencia al LED azul del local) */
  --glow-azul: 0 0 40px -8px rgba(44, 92, 255, 0.55);
  --shadow-card: 0 8px 24px -12px rgba(0, 0, 0, 0.6);

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 150ms;
  --dur-base: 250ms;
  --dur-slow: 450ms;
  --dur-reveal: 700ms;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0ms;
    --dur-base: 0ms;
    --dur-slow: 0ms;
    --dur-reveal: 0ms;
  }
}