/* TEMA DO CURSO: o único arquivo de cor e fonte. Troque tudo aqui para cada nicho.
   As outras folhas (base.css, conceito.css, extras/) só usam estas variáveis.
   Fontes: carregue no <link> do Google Fonts de cada página (montar-aulas.py e index.html usam FONTES de curso.json).
   Tema claro: color-scheme:light, --bg claro, --text escuro e --neon:0. Superfícies, palco e bonecos se ajustam sozinhos
   (são misturas de --text sobre --bg). Confira as cores de significado (--ok etc.) sobre o fundo: escureça se lerem mal. */
:root{
  color-scheme:light;              /* "light" se o fundo for claro */
  --bg:#FBF6EE;                   /* fundo da tela */
  --text:#2a211c;                 /* texto principal */
  --text-2:#6b5a4f;               /* texto secundário */
  --text-3:#b9aaa0;               /* texto apagado (palavras ainda não ditas na legenda) */
  --acento:#9C3D1A;               /* cor principal da marca */
  --acento-2:#E0913A;             /* segunda cor da marca (ponta do degradê) */
  --brand:linear-gradient(135deg,var(--acento) 0%,var(--acento-2) 100%);
  --sobre-brand:#ffffff;          /* texto em cima de --brand */
  --missao-fundo:linear-gradient(150deg,#9C3D1A,#C2672A);

  /* cores de significado: mudam pouco entre nichos (verde = certo, vermelho = errado) */
  --ok:#2f8a63;                   /* selo sólido, veredito "use", resposta certa */
  --atencao:#c08a12;              /* selo fraco, veredito "ajuste" */
  --falhou:#d0661a;               /* selo "replicação falhou" */
  --erro:#c0404f;                 /* selo mito, veredito "fuja", risco */
  --neutro:var(--text);           /* selo "prática sem estudo" */

  --fonte-titulo:"Gaegu",cursive;
  --fonte-titulo-estilo:normal;   /* estilo do <em> nos títulos (italic ou normal) */
  --fonte-texto:"Poppins",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,monospace;
  --raio:18px;                    /* cantos dos cartões */
  --neon:0;                       /* brilho dos bonecos e traços: 0 em tema claro */

  /* derivadas (não precisa mexer) */
  --surface:color-mix(in srgb,var(--text) 4%,var(--bg));
  --surface-2:color-mix(in srgb,var(--text) 8%,var(--bg));
  --line:color-mix(in srgb,var(--text) 9%,transparent);
  --vidro:color-mix(in srgb,var(--text) 4%,transparent);
  --brilho:color-mix(in srgb,var(--acento) 55%,transparent);
  --ease:cubic-bezier(0.22,1,0.36,1);
  --spring:cubic-bezier(0.34,1.56,0.64,1);
}