/* Identidad de Freesamia y color del recorrido de Primaria. */
@media screen {
  :root {
    --font-body:Arial,"Segoe UI",sans-serif;
    --font-display:Georgia,"Times New Roman",serif;
  }
  :root[data-theme="light"] {
    --bg:#f8faf7; --surface:#fff; --surface2:#fff2e5;
    --fg:#193d35; --muted:#526a60; --line:#dbe5dd;
    --accent:#99501c; --accent-ink:#884316; --accent-soft:#fff2e5;
    --ok:#23755e; --ok-soft:#eaf5ee; --bad:#b13737; --bad-soft:#fde7e7;
    --info:#285bb5; --info-soft:#edf3ff;
    --shadow:0 4px 20px #193d3505;
  }
  :root[data-theme="dark"] {
    --bg:#131d19; --surface:#1b2923; --surface2:#29372d;
    --fg:#edf4ef; --muted:#b4c7bc; --line:#405349;
    --accent:#efab71; --accent-ink:#ffc797; --accent-soft:#473220;
    --shadow:0 4px 20px #0002;
  }
  body { -webkit-font-smoothing:antialiased; }
  .fs-header,.fs-trail,.topbar .inner { max-width:1200px; }
  .card { border-radius:18px; }
  h2,h3,h4 { font-weight:400; }
  .btn,.opt { border-width:1px; min-height:44px; }
  .btn.sm { min-height:36px; }
  .btn:hover:not(:disabled),.opt:hover { border-color:var(--accent); }
  .btn:focus-visible,[role=tab]:focus-visible,.fc:focus-visible,.opt:focus-visible,input:focus-visible,select:focus-visible { outline:3px solid var(--info); outline-offset:3px; }
  .tabs { border-radius:12px; }
  .tabs [role=tab] { border-radius:9px; }
  .times .t,.ruta a,.mision,.step,.role,.reto { border-color:var(--line); }
  .hero .lead { max-width:55ch; }
  :root[data-theme="dark"] .btn.primary,
  :root[data-theme="dark"] .tabs [role=tab][aria-selected=true],
  :root[data-theme="dark"] .chip.tipo.haz,
  :root[data-theme="dark"] .bloque .num,
  :root[data-theme="dark"] .howto li::before { color:#271b10; }
  :root[data-theme="dark"] .fs-header nav>a { background:var(--surface); color:var(--fg); border-color:var(--line); }
  :root[data-theme="dark"] .fs-trail,
  :root[data-theme="dark"] .fs-trail a { color:var(--muted); }
  @media(max-width:700px) {
    .screen,.hazlo { scroll-margin-top:150px; }
    .kicker .btn-stage { margin-left:0; }
  }
}