/* Tokens del lenguaje "Industry" para toda la app (canal, seguimiento, accesos, legal y
   los paneles). Se carga DESPUÉS de theme.css/styles.css y redefine sus variables, así que
   cada pantalla que enlace esta hoja cambia de tipografía, tinta y gama de color sin tocar
   sus propias reglas. Las reglas de cada familia de pantallas viven aparte:
     · industry-app.css   — canal, seguimiento, accesos, legal
     · industry-panel.css — panel de la empresa, panel de Assemp, documentos
   Y hay que enlazar también /css/fonts.css (Carlito) antes que esta.

   El color de empresa sigue siendo UNA variable, --color-accent, que fija
   A11y.applyAccent() ya oscurecida para que cumpla el contraste. Los tonos de apoyo
   (--color-accent-100…900) se derivan de ella con color-mix(), así que cada empresa tiene
   su propia gama sin calcular nada. El fondo se queda en blanco (no en el gris de la
   landing) a propósito: el contraste que garantiza applyAccent se mide contra blanco. */
:root {
  --font-family: Calibri, Carlito, "Segoe UI", sans-serif;
  --color-title: #1d1f20;
  --color-body: #1d1f20;
  --color-secondary: #5d5e5f;          /* tinta al 70 %: 6,6:1 sobre blanco */
  --color-divider: color-mix(in srgb, #1d1f20 16%, transparent);
  --color-line: var(--color-divider);
  --color-field-border: color-mix(in srgb, #1d1f20 45%, #fff);
  --color-surface: #f2f2f3;

  /* Gama del color de empresa */
  --color-accent-100: color-mix(in srgb, var(--color-accent) 9%, #fff);
  --color-accent-200: color-mix(in srgb, var(--color-accent) 18%, #fff);
  --color-accent-300: color-mix(in srgb, var(--color-accent) 30%, #fff);
  --color-accent-600: color-mix(in srgb, var(--color-accent) 88%, #000);
  --color-accent-700: color-mix(in srgb, var(--color-accent) 72%, #000);
  --color-accent-900: color-mix(in srgb, var(--color-accent) 38%, #000);

  /* styles.css (paneles) duplica con otro nombre los tokens de theme.css — se alinean
     aquí para que los paneles tomen el mismo lenguaje: esquinas rectas (--radius: 0 anula
     de golpe el redondeo de botones, campos, tablas y ventanas) y línea fina. */
  --radius: 0;
  --color-dark: #1d1f20;
  --color-border: var(--color-divider);
  --color-text-muted: var(--color-secondary);
}

body { font-family: var(--font-family); color: var(--color-body); }
a { color: var(--color-accent-700); text-underline-offset: 3px; }
a:hover { color: var(--color-accent-900); }
/* El foco de teclado conserva el azul de alto contraste de theme.css (el color de empresa
   puede perderse sobre sus propios botones), pero sin redondear lo que enfoca. */
:focus-visible { border-radius: 0; }