/* Capa de legibilidad · Flanco Izquierdo
   Gilroy (free) solo trae Light 300 y ExtraBold 800. Para texto de lectura usamos
   Outfit (SIL OFL), geométrica y muy cercana a Gilroy, registrada como pesos 400–600
   de la misma familia "Gilroy": títulos y display siguen en Gilroy real. */
@font-face{font-family:"Gilroy";src:url(fonts/outfit-latin.woff2) format("woff2");font-weight:400 600;font-style:normal;font-display:swap;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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{--acc-ink:#5a2fe0}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--acc-ink:#a68bff}}
:root[data-theme="dark"]{--acc-ink:#a68bff}

/* 1 · Peso: todo el texto de lectura pasa de Light (300) a Medium (500) */
:where(p,li,dd,dt,td,th,small,label,figcaption,blockquote,summary,input,textarea,select,button,a,span){font-weight:500}
:where(h1,h2,h3,h4,h5,.big,.talk) :where(span,a,em,small,i,b){font-weight:inherit}
.lede,.s-lede,.head,.where{font-weight:400}
.tag,.tag b,h1.tag,.topbar nav .dd-m a.dd-all,.egg-msg,.fcol small{font-weight:500}
.n,.fh{font-weight:600}
body .tile figcaption small.ctx,body .ctx{font-weight:500}
body .tabbtn,body button.tabbtn{font-weight:600}
body .ribbon .head,body .head{font-weight:400}
body .ft-col a,body .ft-col .lk,body footer .lk{font-weight:500}

/* 2 · Contraste: etiquetas violeta pequeñas sobre fondo claro */
.fh,.svc:not(.svc-f) .n{color:var(--acc-ink)}
footer .fh,.svc-f .n,.hero .fh,.svc:hover .n{color:var(--violet-soft)}
.svc:not(.svc-f):hover .n{color:var(--on-violet)}

/* 3 · Tamaños y ritmo en móvil */
@media (max-width:720px){
  body{font-size:17px;line-height:1.6}
  main p:not(.lede):not(.s-lede):not(.c-hook),section p:not(.lede):not(.s-lede):not(.c-hook),.svc p,.faq p{font-size:16.5px;line-height:1.6}
  .lede,.s-lede{font-size:21px;line-height:1.35}
  .head{font-size:22px}
  .n,.fh,.tag span,h1.tag{font-size:13px;letter-spacing:.14em}
  figcaption span,figcaption small,.ctx,small.ctx{font-size:14px;line-height:1.4}
  figcaption b{font-size:16px}
  .pv-ct,.pv-tabs button,.fi-more{font-size:12.5px}
  .pv-cap span{font-size:15px}
  .crumbs a,.crumbs li,ol.crumbs li,nav[aria-label] li a{font-size:13.5px}
  .o-item small{font-size:12.5px}
  .chips span{font-size:14px}
  .inc li,.pr span{font-size:16px}
  .faq summary{font-size:18px}
  .ft-col a,.ft-col span,footer p,footer a,footer small,footer button{font-size:15px}
  .tabbtn,#list .item,button.tabbtn{font-size:14.5px}
  .pill,.s-cta b{font-size:16px}
  #list .item{font-weight:500}
  body .ribbon .head{font-size:22px}
  body figcaption span,body .card figcaption span,body .sg figcaption span{font-size:14px;line-height:1.35}
  body figcaption b,body .card figcaption b{font-size:16px}
  body .nb{font-size:12.5px}
}