/* Nort: tokens compartilhados entre site e painel.
   Base: Fold (Refero) "Bauhaus poster on fog". Motion: Genie Motion Philosophy. */
@import url("https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700,900&display=swap");

:root {
  /* Cor: papéis do Fold, sem mudar o significado */
  --navy: #20294c;        /* texto, botão preenchido */
  --cornflower: #375390;  /* bordas, ícones, estrutura */
  --hyacinth: #788dba;    /* borda de botão fantasma, status "lembrete" */
  --dusk: #676b89;        /* texto de apoio */
  --smoke: #979db5;       /* rótulos em caixa alta */
  --silver: #c7cbdb;      /* linhas finas */
  --mist: #dddfe9;        /* superfície aninhada */
  --fog: #f0f1f5;         /* canvas */
  --white: #ffffff;       /* cards */
  --abyss: #042939;       /* texto sobre amarelo, contorno de ilustração */
  --electric: #459af8;    /* ponto ao vivo e detalhes gráficos: 1 por tela */
  --link: #2366c4;        /* azul do Electric escurecido para TEXTO de link e item ativo (4,9:1; o original dá 2,6:1) */
  --voltage: #ffff00;     /* evento raro e bom: 1 por tela */
  --rubro: #8e1f2f;       /* vermelho fechado: novidade não lida e alerta. Pontual, nunca em área grande */
  --danger: var(--rubro); /* alerta de golpe */

  /* Status das candidaturas */
  --st-indicada: var(--silver);
  --st-enviada: var(--cornflower);
  --st-lembrete: var(--hyacinth);
  --st-respondeu: var(--electric);
  --st-positiva: var(--voltage);
  --st-recusa: var(--dusk);

  /* Tipo */
  --font: "Satoshi", "GT Walsheim Pro", Inter, ui-sans-serif, system-ui, sans-serif;
  --t-tag: 10px;    --tr-tag: 0.4px;
  --t-caption: 14px;
  --t-body-sm: 16px;
  --t-body: 18px;   --tr-body: -0.54px;
  --t-sub: 24px;    --tr-sub: -0.72px;
  --t-h-sm: 32px;   --tr-h-sm: -0.96px;
  --t-h: 42px;      --tr-h: -1.68px;
  --t-h-lg: clamp(40px, 6vw, 64px);
  --t-display: clamp(52px, 8.4vw, 100px);
  --tr-display: -0.075em; /* Fold: -0.125em em GT Walsheim; a Satoshi encosta as letras antes disso */

  /* Espaço e forma */
  --s1: 8px; --s2: 16px; --s3: 24px; --s4: 32px; --s6: 48px; --s8: 64px; --s12: 96px;
  --max: 1200px;
  --r-card: 12px; --r-img: 16px; --r-panel: 24px; --r-pill: 9999px;

  /* Elevação: sempre tingida de navy */
  --sh-card: rgba(32, 41, 76, 0.12) 0 9px 25px 0;
  --sh-raised: rgba(32, 41, 76, 0.12) 0 6px 16px 0, rgba(32, 41, 76, 0.09) 0 1px 5px 0;
  --sh-nested: rgba(32, 41, 76, 0.07) 0 4px 11px 0, rgba(32, 41, 76, 0.12) 0 1px 3px 0;
  --sh-btn: rgba(32, 41, 76, 0.1) 0 1px 4px 0;
  --sh-edge: rgba(255, 255, 255, 0.53) 0 1px 0 0 inset;

  /* Motion (Genie) */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --d-fast: 0.3s; --d-mid: 0.45s; --d-slow: 0.65s;
}

@media (prefers-reduced-motion: reduce) {
  :root { --d-fast: 0.01s; --d-mid: 0.01s; --d-slow: 0.01s; }
  *, *::before, *::after { animation-duration: 0.01s !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
}