/* ═══════════════════════════════════════════════════════════════════════
   AresCore · arescore.css 1.2 · sistema de diseño común (auditoría B5) · 1.2: fuentes con font-display:optional (sin saltos de letra al abrir) · 1.1: claro siempre por defecto
   Lo enlaza cada app ANTES de su propio estilo. Aquí están:
     · las fuentes de la plataforma servidas desde nuestro servidor (sin
       Google: no se manda la IP de nadie fuera y funcionan sin red una vez
       vistas). Syne (títulos), DM Sans (texto), JetBrains Mono (horas y
       códigos). Licencia OFL 1.1 (fuentes/LICENCIAS-OFL.txt).
     · los colores comunes (--ac-*). Cada app sigue con sus variables; las
       que coinciden apuntan a estas. SIEMPRE CLARO por defecto (no se
       sigue el tema del móvil); oscuro solo si la persona lo elige:
       data-theme="dark" en <html> (o la clase ac-oscuro).
   Regla de la plataforma: el botón principal es GRAFITO en claro y ÁMBAR
   en oscuro. El color de cada producto (AresCar ámbar, Timora naranja,
   ServDent menta, StolenCAR azul) solo va en su logo y la pestaña activa.
   Sitio: https://app.arescore.es/nucleo/arescore.css
   ═══════════════════════════════════════════════════════════════════════ */

@font-face{font-family:'Syne';font-style:normal;font-display:optional;font-weight:400 800;
  src:url(fuentes/syne.woff2) format('woff2-variations'),url(fuentes/syne.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:'DM Sans';font-style:normal;font-display:optional;font-weight:100 1000;
  src:url(fuentes/dm-sans.woff2) format('woff2-variations'),url(fuentes/dm-sans.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:'JetBrains Mono';font-style:normal;font-display:optional;font-weight:100 800;
  src:url(fuentes/jetbrains-mono.woff2) format('woff2-variations'),url(fuentes/jetbrains-mono.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{
  /* tipografía (siempre con respaldo: si la fuente no llega, sale la del sistema, nunca Times) */
  --ac-titulo:'Syne',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --ac-texto-f:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --ac-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  /* claro */
  --ac-fondo:#F4F5F7;
  --ac-superficie:#FFFFFF;
  --ac-superficie-2:#F1F5F9;
  --ac-linea:#E2E8F0;
  --ac-texto:#0F172A;
  --ac-texto-2:#475569;
  --ac-texto-3:#5B6B82;          /* cumple AA (antes 64748B, 4,3:1 sobre el fondo) */
  --ac-grafito:#0F172A;
  --ac-marca:#F59E0B;            /* ámbar AresCore */
  --ac-marca-texto:#B45309;      /* ámbar para TEXTO sobre claro (enlaces): 5:1 */
  --ac-primario:#0F172A;         /* botón principal en claro: grafito */
  --ac-primario-texto:#FFFFFF;
  --ac-primario-activo:#1E293B;
  --ac-ok:#16A34A; --ac-aviso:#D97706; --ac-error:#DC2626; --ac-info:#2563EB;

  /* acentos de producto: SOLO logo y pestaña activa */
  --ac-arescar:#F59E0B; --ac-timora:#E8441A; --ac-servdent:#07A87D; --ac-stolencar:#2563EB;

  /* radios y toque */
  --ac-radio-campo:10px; --ac-radio-boton:14px; --ac-radio-tarjeta:18px; --ac-radio-hoja:24px;
  --ac-toque:44px;               /* área mínima de un botón */
}
:root[data-theme="dark"]{
  --ac-fondo:#0B1220; --ac-superficie:#151F32; --ac-superficie-2:#1B2740; --ac-linea:#26324A;
  --ac-texto:#F1F5F9; --ac-texto-2:#B6C2D4; --ac-texto-3:#8B9AB5;
  --ac-marca-texto:#FBBF24;
  --ac-primario:#F59E0B; --ac-primario-texto:#0F172A; --ac-primario-activo:#FBBF24;
  --ac-ok:#22C38E; --ac-aviso:#F59E0B; --ac-error:#F87171; --ac-info:#60A5FA;
}
/* tema oscuro fijo (apps que solo tienen oscuro: <html class="ac-oscuro">) */
:root.ac-oscuro{
  --ac-fondo:#0B1220; --ac-superficie:#151F32; --ac-superficie-2:#1B2740; --ac-linea:#26324A;
  --ac-texto:#F1F5F9; --ac-texto-2:#B6C2D4; --ac-texto-3:#8B9AB5;
  --ac-marca-texto:#FBBF24;
  --ac-primario:#F59E0B; --ac-primario-texto:#0F172A; --ac-primario-activo:#FBBF24;
}