/* Marca OIL (Brand System v2.2, julio 2026): tokens de color y fuentes para el panel de gestión y la portada.
   Los estilos de cada página viven en gestion.css e inicio.css; aquí solo la paleta y las voces. NO a la pantalla
   del taller, que sigue con el sistema de color cerrado de la especificación (tokens.css, §4).
   Gramática del brandbook: grafito como estructura (bloques y raíles, no solo tinta), teal como firma
   (la «costura»), oro reservado a un solo logro verificado por hoja, ámbar y rojo solo ante señal real,
   y tres voces tipográficas: Georgia (titulares), Calibri (cuerpo) y Consolas (datos), aquí con sus
   equivalentes libres servidas por la app (Miguel, 2026-09-23: «que se vea igual siempre»). */

/* Fuentes servidas por la propia app (SIL Open Font License): iguales en cualquier dispositivo, con o sin Office.
   Gelasio es métricamente compatible con Georgia; Carlito, con Calibri; Inconsolata nació como sustituta de Consolas. */
@font-face { font-family: "Carlito"; font-style: normal; font-weight: 400; font-display: swap; src: url("/static/fonts/carlito-400-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Carlito"; font-style: normal; font-weight: 400; font-display: swap; src: url("/static/fonts/carlito-400-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Carlito"; font-style: normal; font-weight: 700; font-display: swap; src: url("/static/fonts/carlito-700-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Carlito"; font-style: normal; font-weight: 700; font-display: swap; src: url("/static/fonts/carlito-700-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Gelasio"; font-style: normal; font-weight: 400; font-display: swap; src: url("/static/fonts/gelasio-400-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Gelasio"; font-style: normal; font-weight: 400; font-display: swap; src: url("/static/fonts/gelasio-400-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Gelasio"; font-style: normal; font-weight: 700; font-display: swap; src: url("/static/fonts/gelasio-700-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Gelasio"; font-style: normal; font-weight: 700; font-display: swap; src: url("/static/fonts/gelasio-700-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Inconsolata"; font-style: normal; font-weight: 400; font-display: swap; src: url("/static/fonts/inconsolata-400-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Inconsolata"; font-style: normal; font-weight: 400; font-display: swap; src: url("/static/fonts/inconsolata-400-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Inconsolata"; font-style: normal; font-weight: 600; font-display: swap; src: url("/static/fonts/inconsolata-600-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Inconsolata"; font-style: normal; font-weight: 600; font-display: swap; src: url("/static/fonts/inconsolata-600-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root, :root:not([data-theme="light"]), :root[data-theme="dark"] {
  /* paleta OIL */
  --oil-grafito: #2F3338;
  --oil-teal: #0F7B6C;
  --oil-oro: #8C6A20;        /* tinta oro, sobre claro */
  --oil-champan: #D9B95C;    /* champán, solo sobre grafito */
  --oil-champan-bg: #F6F1E3; /* fondo del banner de logro */
  --oil-ambar: #B5730F;
  --oil-rojo: #B23A2E;
  --oil-ink: #232323;
  --oil-muted: #5E6166;
  --oil-hairline: #D5D7DB;
  --oil-panel: #F5F6F8;
  --oil-grafito-bg: #EEEFF1;
  --oil-fila-alt: #F6F6F6;
  --oil-external: #4A4D52;

  /* los tokens que usan las páginas de gestión, mapeados a la marca (siempre en claro) */
  --ground: #FFFFFF;
  --panel: #FFFFFF;
  --panel-2: var(--oil-fila-alt);
  --ink: var(--oil-ink);
  --ink-2: var(--oil-muted);
  --ink-3: #7D8288;
  --rule: var(--oil-hairline);
  --bar-track: var(--oil-grafito-bg);
  --cabecera: var(--oil-grafito);
  --sobre-cabecera: #F5F6F8;

  --f1: var(--oil-champan);   /* acento de la portada */
  --f2: var(--oil-teal);      /* foco de los campos y del botón de la pantalla */
  --f3: var(--oil-grafito);
  --m-taller: var(--oil-grafito);  /* barras de la tabla: grafito y teal, los dos tonos del sistema */
  --m-obra: var(--oil-teal);

  --ok: var(--oil-teal);      /* en gestión no hay verde: lo bueno es teal, lo terminado es teal */
  --warn: var(--oil-ambar);
  --crit: var(--oil-rojo);
  --hoy: var(--oil-rojo);

  --radius: 3px;
  /* Las tres voces del brandbook (Georgia, Calibri, Consolas) con sus equivalentes libres, servidas por la
     app: se ven igual en cualquier dispositivo. Detrás, por si acaso, las de Office y las del sistema. */
  --titulos: "Gelasio", Georgia, "Times New Roman", serif;
  --texto: "Carlito", Calibri, "Segoe UI", -apple-system, system-ui, "Helvetica Neue", sans-serif;
  --cifras: "Inconsolata", Consolas, "SF Mono", Menlo, "DejaVu Sans Mono", monospace;
  color-scheme: light;
}