/* A11 — Painel de Atletas · design tokens
   Copiado de projetos/A11/site-preview/assets/css/tokens.css (fonte única de verdade
   da identidade A11). Não editar o original — este é um clone local pro mockup
   do painel funcionar standalone, sem depender de outro projeto. */

@font-face{font-family:'Anton Local';src:url('../fonts/anton-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Barlow';src:url('../fonts/barlow-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Barlow';src:url('../fonts/barlow-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Barlow';src:url('../fonts/barlow-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Barlow';src:url('../fonts/barlow-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Barlow SC';src:url('../fonts/barlow-semi-condensed-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Barlow SC';src:url('../fonts/barlow-semi-condensed-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Barlow SC';src:url('../fonts/barlow-semi-condensed-700.woff2') format('woff2');font-weight:700;font-display:swap}

:root{
  /* superfícies */
  --ink:#0b0b0c;
  --ink-2:#141416;
  --ink-3:#1e1e21;
  --paper:#f4f3ef;
  --paper-2:#e9e7e0;

  /* acento — único ponto de cor */
  --bone:#cdbfa6;
  --bone-deep:#a8946f;

  /* linhas */
  --line:#2b2b2e;
  --line-paper:#cbc9c2;

  /* texto */
  --ink-on-dark:#f4f3ef;
  --mute:#8f8d86;
  --ink-on-paper:#26251f;
  --mute-paper:#6c6a63;

  /* tipo */
  --font-display:'Anton','Anton Local',Impact,'Arial Narrow Bold',sans-serif;
  --font-body:'Barlow',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --font-mono:'Barlow SC','Barlow Semi Condensed',var(--font-body);

  /* layout */
  --maxw:1280px;
  --gut:clamp(20px,5vw,72px);
  --bar-h:64px;
  --sidebar-w:248px;
  --sidebar-w-collapsed:76px;

  /* motion */
  --ease:cubic-bezier(.22,1,.36,1);
  --dur:.7s;
  --dur-fast:.32s;

  /* status — sempre monocromático, só varia peso/opacidade do bone e do mute */
  --status-prospectado:var(--mute);
  --status-representado:var(--bone);
  --status-negociacao:var(--bone-deep);
  --status-inativo:#5a5852;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--ink);
  color:var(--ink-on-dark);
  font-family:var(--font-body);
  font-size:1rem;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4,.display{
  font-family:var(--font-display);
  font-weight:400;
  line-height:.92;
  letter-spacing:.01em;
  text-transform:uppercase;
}
a{color:inherit;text-decoration:none}
img,svg,video{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--bone);outline-offset:3px}

.kicker{
  font-family:var(--font-mono);
  font-weight:600;
  font-size:.72rem;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--mute);
}
.kicker--dash::before{content:"— ";color:var(--bone)}

/* grão — overlay sutil, igual ao site */
body::after{
  content:"";
  position:fixed;inset:0;z-index:9999;pointer-events:none;
  opacity:.045;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:160px 160px;
}

.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}