/* Vídeos para PME · tokens (proposta v1.0.0, 2026-10-27)
   Independente da marca matheuSimas e sem nome de marca: ao trocar o nome, nada aqui muda.
   Claro por padrão; escuro por prefers-color-scheme; [data-theme="light|dark"] força um dos dois.
   Contraste medido por assets/contraste.mjs (resultado em contraste.json): texto >= 4,5:1.
   --acao é a cor do botão principal e de nenhum outro texto; o texto sobre ela é sempre --sobre-acao. */

@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:600 800;font-display:swap;
  src:url('../fonts/bricolage-grotesque-latin-var.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'Figtree';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('../fonts/figtree-latin-var.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}

:root{
  /* cor */
  --brand:#1D45A0;          /* azul-oficina: títulos de destaque, links, ícones */
  --sobre-brand:#FFFFFF;
  --acao:#FF7A1A;           /* laranja-sinal: só o botão principal e o selo "grátis" */
  --sobre-acao:#1A1206;
  --fundo:#F7F5F0;
  --superficie:#FFFFFF;
  --texto:#14181F;
  --apoio:#4A5262;
  --linha:#D9D4C8;          /* borda decorativa; o limite de campo usa --campo-borda */
  --campo-borda:#6B7385;    /* 4,8:1 sobre a superfície (campo fica sempre em superfície); piso exigido: 3:1 */
  --erro:#B3261E;
  --sobre-erro:#FFFFFF;      /* texto sobre fundo --erro (faixa do quadro "limita direito") */
  --sombra:0 1px 2px rgba(20,24,31,.06),0 8px 24px rgba(20,24,31,.08);
  /* tipografia */
  --fonte-titulo:'Bricolage Grotesque',system-ui,sans-serif;
  --fonte-texto:'Figtree',system-ui,sans-serif;
  --t-1:.8125rem; --t0:1rem; --t1:1.125rem; --t2:1.375rem; --t3:1.75rem; --t4:2.5rem; --t5:clamp(2.25rem,6vw,3.75rem);
  /* espaço (base 4 px) */
  --e1:4px; --e2:8px; --e3:12px; --e4:16px; --e5:24px; --e6:32px; --e7:48px; --e8:72px; --e9:112px;
  /* raio */
  --r-campo:8px; --r-cartao:16px; --r-moldura:22px; --r-pilula:999px;
  /* movimento */
  --mov:160ms cubic-bezier(.2,.7,.2,1);
  color-scheme:light dark;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --brand:#8DB4FF; --sobre-brand:#0E1320; --acao:#FF8A3D;
    --fundo:#0E1320; --superficie:#171E30; --texto:#EEF1F7; --apoio:#A6B0C5;
    --linha:#2A3350; --campo-borda:#8590A8; --erro:#FF8F86; --sobre-erro:#0E1320;
    --sombra:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35);
  }
}
:root[data-theme="light"]{color-scheme:light}
:root[data-theme="dark"]{
  --brand:#8DB4FF; --sobre-brand:#0E1320; --acao:#FF8A3D;
  --fundo:#0E1320; --superficie:#171E30; --texto:#EEF1F7; --apoio:#A6B0C5;
  --linha:#2A3350; --campo-borda:#8590A8; --erro:#FF8F86; --sobre-erro:#0E1320;
  --sombra:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35);
  color-scheme:dark;
}
@media (prefers-reduced-motion: reduce){:root{--mov:0ms}}