/* ==========================================================================
   GeoCliente — Design Tokens
   Sistema de diseño: Linear × Mercury adaptado para uso en campo
   (una mano, sol directo, 5–10 segundos por interacción)
   ========================================================================== */

:root {
  /* ---- Color con intención ---- */
  /* Azul: único color reservado para "GPS capturado". No usar en ningún
     otro contexto — es el diferencial visual del producto. */
  --color-gps: #1F5EFF;
  --color-gps-bg: #EAF0FF;

  /* Verde: únicamente confirmación de guardado exitoso. Nunca se mezcla
     con el azul de GPS. */
  --color-success: #17845A;
  --color-success-bg: #E8F5EF;

  /* Ámbar: campo obligatorio pendiente / advertencia de validación. */
  --color-warning: #B5730A;
  --color-warning-bg: #FBF1E2;

  /* Rojo: error real (fallo de red, GPS denegado, etc). No confundir con
     el ámbar de "campo pendiente". */
  --color-danger: #C4372B;
  --color-danger-bg: #FBEAE8;

  /* Base */
  --color-paper: #FAFAF9;
  --color-surface: #FFFFFF;
  --color-border: #E5E3DF;
  --color-border-strong: #D3D0CA;

  --color-text: #1C1B19;
  --color-text-secondary: #5C5A55;
  --color-text-muted: #8A8781;
  --color-text-on-accent: #FFFFFF;

  /* ---- Tipografía ---- */
  --font-display: 'Plus Jakarta Sans', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace; /* solo coordenadas GPS / datos técnicos */

  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 22px;
  --text-2xl: 28px;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* ---- Grid 8pt (todo en múltiplos de 8) ---- */
  --space-1: 4px;  /* excepción puntual permitida, micro-ajustes */
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 40px;
  --space-7: 48px;
  --space-8: 64px;

  /* ---- Radios y bordes ---- */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --border-width: 1.5px;

  /* ---- Iconografía (SVG lineal, stroke, sin relleno) ---- */
  --icon-stroke: 2.25px;

  /* ---- Elevación ---- */
  --shadow-sm: 0 1px 2px rgba(28, 27, 25, 0.06);
  --shadow-md: 0 4px 12px rgba(28, 27, 25, 0.08);

  /* ---- Tamaño de acción central (botón GPS) ---- */
  --height-gps-button: 76px;

  /* ---- Transiciones ---- */
  --transition-fast: 120ms ease;
  --transition-base: 200ms ease;
}