/* Tokens do design system Frame Lab — compartilhado entre o app do aluno e o admin */
:root {
  color-scheme: dark;
  /* Sistema visual Frame Lab */
  --bg: #05050a;
  --bg-1: #0a0a12;
  --bg-2: #0f0f18;
  --bg-3: #161622;
  --bg-4: #20202f;
  --linha: rgba(255, 255, 255, .06);
  --linha-2: rgba(255, 255, 255, .11);
  /* texto (AA sobre as superfícies) */
  --tx: #ffffff;
  --tx-2: #cbd5e1;
  --tx-3: #8f97a6;
  /* primária roxa + acento rosa */
  --ac: #8b5cf6;
  --ac-2: #f43f5e;
  --ac-fill: #7c3aed;                 /* preenchimento com texto branco: contraste 5,7:1 */
  --ac-hover: #6d28d9;
  --ac-grad: linear-gradient(135deg, #8b5cf6, #f43f5e);
  --ac-btn: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0) 55%), #7c3aed;
  --ac-btn-h: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%), #6d28d9;
  --ac-tinta: #ffffff;
  --ac-claro: #c4b5fd;
  --ac-suave: rgba(139, 92, 246, .12);
  --ac-linha: rgba(139, 92, 246, .5);
  --ac-brilho: 0 8px 24px rgba(139, 92, 246, .32);
  --rosa: #f43f5e;
  --rosa-suave: rgba(244, 63, 94, .12);
  /* apoio */
  --ciano: #22d3ee;
  --ciano-suave: rgba(34, 211, 238, .12);
  --ok: #10b981;
  --ok-suave: rgba(16, 185, 129, .14);
  --info: #60a5fa;
  --info-suave: rgba(96, 165, 250, .14);
  --perigo: #f87171;
  --perigo-suave: rgba(248, 113, 113, .12);
  --alerta: #f59e0b;
  --alerta-suave: rgba(245, 158, 11, .1);
  --rec: #f43f5e;
  /* tipografia */
  --f: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-titulo: 'Plus Jakarta Sans', 'Inter', ui-sans-serif, system-ui, sans-serif;
  --f-mono: 'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --f-serif: var(--f-titulo);
  --t-xs: 12px; --t-sm: 13px; --t-md: 14px; --t-lg: 16px; --t-xl: 20px; --t-2xl: 30px;
  /* espaçamento */
  --e1: 4px; --e2: 8px; --e3: 12px; --e4: 16px; --e5: 20px; --e6: 24px; --e8: 32px; --e10: 40px;
  /* raios e sombras */
  --r-sm: 6px; --r-md: 10px; --r-lg: 12px; --r-xl: 16px; --r-full: 999px;
  --sombra: 0 1px 0 rgba(255,255,255,.04) inset, 0 10px 30px rgba(0,0,0,.5);
  --sombra-card: 0 1px 0 rgba(255,255,255,.04) inset, 0 20px 44px -18px rgba(0,0,0,.85), 0 0 40px -20px rgba(139,92,246,.35);
  --sombra-alta: 0 40px 100px rgba(0,0,0,.6), 0 0 40px rgba(139,92,246,.1), 0 0 0 1px var(--linha-2);
  --foco: 0 0 0 2px var(--bg), 0 0 0 4px var(--ac);
  --topo-h: 56px;
  --guia-w: 400px;
  --trans: 200ms cubic-bezier(.4, 0, .2, 1);
  --mola: 300ms cubic-bezier(.34, 1.4, .64, 1);
}