/* Tokens da aplicação. Só aliases e medidas da Plataforma de Aprendizado,
   sempre sobre os tokens do design system Elegant Garden (css/ds/tokens).
   Regra UX-4.2: nenhuma cor ou medida solta fora deste arquivo e dos tokens do DS. */
:root{
  /* Layout */
  --app-rail-w:248px;
  --app-header-h:72px;
  --app-tabbar-h:64px;
  --app-conteudo-max:1120px;
  --app-gaveta-w:440px;
  --app-pad-x:56px;
  --app-pad-y:48px;
  --app-pad-x-movel:16px;

  /* Alvos (UX-7.1). Compacto: só botões das tabelas B2B no desktop (docs/excecoes.md). */
  --eg-target-min:44px;
  --eg-target-abs:24px;
  --app-alvo-compacto:36px;

  /* Texto pequeno da navegação, em rem para acompanhar a fonte escolhida no navegador (A-19). */
  --app-fs-nav:0.8125rem;
  --app-fs-minimo:0.75rem;

  /* Marcas e avatares */
  --app-marca-h:40px;
  --app-avatar:40px;
  --app-contador:1.125rem;

  /* Foco (UX-1.1) */
  --eg-focus-ring:var(--border-rule) solid var(--state-focus-ring);

  /* Texto de acento legível: Capuchinha só passa 3:1 em branco, então
     texto e links em fundo claro usam Crisântemo (6:1). */
  --app-texto-acento:var(--eg-crisantemo);
  --app-link:var(--eg-crisantemo);
  --app-link-hover:var(--eg-eclipse);

  /* Botão principal: Eclipse sobre Capuchinha (contraste 6,1:1). */
  --app-primario-bg:var(--eg-capuchinha);
  --app-primario-fg:var(--eg-eclipse);
  --app-primario-hover-bg:var(--eg-crisantemo);
  --app-primario-hover-fg:var(--eg-white);

  /* Semáforo (célula da matriz) */
  --app-sem-sim-bg:var(--status-success);
  --app-sem-sim-fg:var(--eg-white);
  --app-sem-cuidado-bg:var(--eg-calendula);
  --app-sem-cuidado-fg:var(--eg-eclipse);
  --app-sem-nao-bg:var(--eg-crisantemo);
  --app-sem-nao-fg:var(--eg-white);

  /* Esqueleto de carregamento */
  --app-esqueleto:var(--state-disabled-bg);

  /* Barra de meta nos painéis */
  --app-barra-trilho:var(--eg-dalia);
  --app-barra-valor:var(--eg-eclipse);
  --app-barra-meta:var(--eg-capuchinha);

  /* Conta: a cor primária da conta (contraste 4,5:1 com branco, conferido na API). */
  --conta-primaria:var(--eg-capuchinha);
  --conta-primaria-fg:var(--eg-eclipse);
}