/* ============================================================
   Fontes locais. Nada vem de CDN — a CSP do site é 'self' e o
   XAMPP precisa funcionar offline.
   Regerar com: bash tools/fetch-fonts.sh
   ============================================================ */

@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url('../fonts/inter-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:'Inter';
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url('../fonts/inter-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;
}

/* Material Symbols Rounded — subset com os ícones de tools/icons.txt */
@font-face{
  font-family:'Material Symbols Rounded';
  font-style:normal;
  font-weight:400;
  font-display:block;   /* block evita o flash do nome do ícone em texto */
  src:url('../fonts/material-symbols.woff2') format('woff2');
}

/*
  Uso: <i class="mi">play_arrow</i>
  Modificadores: .fill (preenchido), .sm/.lg/.xl (tamanho), .thin/.bold (peso).
*/
.mi{
  font-family:'Material Symbols Rounded';
  font-weight:normal;font-style:normal;
  font-size:22px;line-height:1;letter-spacing:normal;text-transform:none;
  display:inline-block;flex:none;white-space:nowrap;word-wrap:normal;direction:ltr;
  -webkit-font-feature-settings:'liga';font-feature-settings:'liga';
  -webkit-font-smoothing:antialiased;
  font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;
  user-select:none;
}
.mi.fill{font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24}
.mi.thin{font-variation-settings:'FILL' 0,'wght' 300,'GRAD' 0,'opsz' 24}
.mi.bold{font-variation-settings:'FILL' 0,'wght' 600,'GRAD' 0,'opsz' 24}
.mi.fill.bold{font-variation-settings:'FILL' 1,'wght' 600,'GRAD' 0,'opsz' 24}

.mi.xs{font-size:15px}
.mi.sm{font-size:18px}
.mi.md{font-size:22px}
.mi.lg{font-size:26px}
.mi.xl{font-size:32px}
.mi.xxl{font-size:42px}

/* ------------------------------------------------------------
   Estado "ativo" nos ícones: no Material Symbols o preenchimento
   é o eixo FILL, não a propriedade fill do SVG.
   ------------------------------------------------------------ */
.act.on .mi,
.rail-btn.on .mi,
.rrow .star.on .mi,
.sbtn.on .mi,
.vact.on .mi,
.cact.on .mi,
.nitem.on .mi{font-variation-settings:'FILL' 1,'wght' 500,'GRAD' 0,'opsz' 24}