/* =============================================================================
   Flagare — tema visual compartido de la documentación de Argos QA
   Identidad extraída de www.flagare.cl: naranja #eb6a2c sobre navy #0d1b2a,
   neutros claros y tipografía Lato. Un solo archivo; todas las páginas lo enlazan.

   Fuentes (cárgalas en cada página):
   <link rel="stylesheet"
     href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Lato:wght@400;700;900&display=swap">
   ============================================================================= */

:root {
  /* --- paleta base (tema claro, como el sitio Flagare) --- */
  --ground:      #f4f5f7;
  --surface:     #ffffff;
  --surface-2:   #f4f5f6;
  --ink:         #16273d;
  --ink-2:       #37485c;
  --muted:       #6b7280;
  --soft:        #8ca0b4;
  --line:        #e5e7eb;
  --line-soft:   #eef0f3;
  --rule:        rgba(13, 27, 42, .12);
  --rule-solid:  #e5e7eb;

  /* --- marca --- */
  --accent:      #eb6a2c;   /* naranja Flagare */
  --accent-ink:  #c7551c;   /* naranja oscuro para texto/enlaces sobre claro */
  --accent-soft: #fdece1;   /* tinte naranja para fondos suaves */
  --accent-tint: rgba(235, 106, 44, .09);
  --link:        #0d1b2a;   /* navy Flagare como color categórico secundario */

  /* --- estados --- */
  --pass: #1b6b3c;
  --fail: #cf3a2f;
  --warn: #b7791f;

  --shadow: 0 1px 2px rgba(13, 27, 42, .06), 0 8px 24px rgba(13, 27, 42, .08);

  /* --- tipografía (Lato en todo, como Flagare; mono para código) --- */
  --f-display: "Lato", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
  --f-body:    "Lato", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
  --f-mono:    "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  /* alias usados por las páginas de casos de uso */
  --font-sans:  var(--f-body);
  --font-serif: var(--f-display);
  --font-mono:  var(--f-mono);
}

a { color: var(--accent-ink); }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 2px; }

/* --- logo Flagare (color sobre claro, blanco sobre oscuro) --- */
.brandlogo { height: 24px; width: auto; display: block; }
.brandlogo-dark { display: none; }
:root[data-theme="dark"] .brandlogo-light { display: none; }
:root[data-theme="dark"] .brandlogo-dark { display: block; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .brandlogo-light { display: none; }
  :root:not([data-theme="light"]) .brandlogo-dark { display: block; }
}