/* client/tokens.css — Fuente única de la marca Intuclock (Manual de marca v1 · 28.07.2026).
   Se carga ANTES que cualquier otra hoja de estilo, en el panel, en la app del trabajador y en la web.
   Ningún otro archivo debería volver a escribir un color, un tamaño o un radio a mano: se consumen
   estas variables. La migración de los estilos actuales a estos tokens es gradual y deliberada. */
:root{
  /* ── Neutros ── */
  --ic-grafito:        #171B21;
  --ic-grafito-suave:  #232932;
  --ic-acero:          #4A5361;
  --ic-hormigon:       #8A93A1;
  --ic-hormigon-claro: #A9B1A6;
  --ic-cal:            #ECEDE8;
  --ic-blanco:         #FFFFFF;

  /* ── Acento y dato ──  (el ámbar es SOLO relleno; como texto sobre claro va --ic-ambar-texto) */
  --ic-ambar:          #FFA400;
  --ic-ambar-tenue:    #FFF2D9;
  --ic-ambar-texto:    #8F5800;
  --ic-plano:          #1B4D8C;
  --ic-plano-tenue:    #E3EBF5;
  --ic-verde:          #16794C;
  --ic-verde-tenue:    #E0F0E8;
  --ic-rojo:           #B3261E;
  --ic-rojo-tenue:     #FAE6E4;

  /* ── Tipografía ──
     Las fuentes todavía NO están auto-hospedadas: hasta que se sirvan los .woff2 desde client/
     y se precacheen en el service worker, estas variables caen al stack del sistema. */
  --ic-fuente-titulo: "IBM Plex Sans Condensed", "Arial Narrow", system-ui, sans-serif;
  --ic-fuente:        "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --ic-fuente-dato:   "IBM Plex Mono", ui-monospace, Menlo, monospace;

  /* ── Escala tipográfica · razón 1,25 sobre 16 px ── */
  --ic-t-3xl: 3.052rem;   /* 48,8 px · Condensed 700 · cartel */
  --ic-t-2xl: 2.441rem;   /* 39,1 px · Condensed 600 · título de página */
  --ic-t-xl:  1.953rem;   /* 31,2 px · Condensed 600 · título de sección */
  --ic-t-lg:  1.563rem;   /* 25,0 px · Sans 600 · subtítulo */
  --ic-t-md:  1.250rem;   /* 20,0 px · Sans 500 · destacado */
  --ic-t-base:1.000rem;   /* 16,0 px · Sans 400 · texto */
  --ic-t-sm:  0.875rem;   /* 14,0 px · Sans 400 · auxiliar */
  --ic-t-xs:  0.750rem;   /* 12,0 px · Mono 500 · etiqueta · mínimo absoluto */

  /* ── Espacio · base 4 ── */
  --ic-e-1: .25rem;  --ic-e-2: .5rem;   --ic-e-3: .75rem;
  --ic-e-4: 1rem;    --ic-e-5: 1.5rem;  --ic-e-6: 2rem;
  --ic-e-7: 3rem;    --ic-e-8: 4rem;    --ic-e-9: 6rem;

  /* ── Radios ── (bajos a propósito: herramienta, no juguete) */
  --ic-r-chip:       2px;    /* etiquetas y chips de estado */
  --ic-r-boton:      6px;    /* botones y campos */
  --ic-r-tarjeta:    10px;   /* tarjetas */
  --ic-r-contenedor: 16px;   /* contenedores grandes y hojas modales */

  /* ── Áreas para tocar ── */
  --ic-tocar-obra:  56px;   /* app del trabajador: guantes, sol, una sola mano */
  --ic-tocar-panel: 44px;   /* panel: mouse y tiempo */
}

/* ── Fuentes IBM Plex, auto-hospedadas (subset latín para es-AR).  SIL OFL 1.1 ──
   Se sirven desde client/ (mismo origen) y se precachean en el service worker,
   para que la app del trabajador tenga la tipografía correcta también sin señal.
   font-display:swap → muestra el texto con la fuente del sistema y la cambia al
   cargar Plex; nunca deja texto invisible. */
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url("IBMPlexSans-Regular.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url("IBMPlexSans-Medium.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url("IBMPlexSans-SemiBold.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:700;font-display:swap;src:url("IBMPlexSans-Bold.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans Condensed";font-style:normal;font-weight:600;font-display:swap;src:url("IBMPlexSansCondensed-SemiBold.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans Condensed";font-style:normal;font-weight:700;font-display:swap;src:url("IBMPlexSansCondensed-Bold.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url("IBMPlexMono-Medium.woff2") format("woff2")}