/* ============================================================
   Hub Vagas — tokens do design (Claude Design, 2026-08-03)
   COPIADO LITERALMENTE de docs/design/2026-08-03/*.dc.html
   (bloco <style>, união das 4 telas). NÃO editar à mão nem
   "arrumar": a régua é docs/design/CHECKLIST.md.
   Única adaptação: html/body do mock (fundo #131431 do palco
   do Claude Design) fica de fora — é o chrome do mock, não do app.
   ============================================================ */

[data-brand="ac"] {
  --bg:#f4f1ea; --auth-bg:#efeadf; --surface:#ffffff; --surface-2:#faf8f3; --surface-3:#f1ede4;
  --ink:#202144; --ink-soft:#3a3c63; --text:#2b2c44; --muted:#64657b; --faint:#646674;
  --border:#dadbd8; --border-strong:#c8c9c2; --hairline:#e6e4dd;
  --field-bg:#ffffff; --field-border:#cdccc4; --field-ph:#a6a596;
  --primary:#202144; --primary-ink:#ffffff; --primary-hover:#2c2d5c;
  --accent-line:#aa8344; --accent-text:#7f6131; --accent-soft:#c8b08c;
  --accent-fill:#8a6a37; --accent-ink:#ffffff; --accent-hover:#75592e;
  --navbar-bg:#202144; --navbar-fg:#eceaf2; --navbar-muted:#9fa0bd; --navbar-line:#33345f; --navbar-accent:#c8b08c;
  --ok-bg:#e9efe7; --ok-fg:#3f5a42; --ok-line:#4f6b52;
  --warn-bg:#f7edd4; --warn-fg:#7a5a15; --warn-line:#b08320;
  --danger-bg:#f6e5e1; --danger-fg:#8a2f27; --danger-line:#b23b30;
  --info-bg:#e7eaf4; --info-fg:#2f3d78; --info-line:#414f8c;
  --track:#d3d2c9; --focus:#aa8344;
  --radius:4px; --radius-sm:2px; --radius-lg:6px; --pill:999px;
  --shadow-xs:0 1px 2px rgba(32,33,68,.06), 0 1px 1px rgba(32,33,68,.04);
  --shadow-sm:0 2px 8px rgba(32,33,68,.08);
  --shadow-md:0 10px 30px rgba(32,33,68,.13);
  --shadow-lg:0 24px 60px rgba(32,33,68,.20);
  --font-display:"NewYork","Cormorant Garamond","Garamond","Hoefler Text",Georgia,"Times New Roman",serif;
  --font-body:"Montserrat",ui-sans-serif,system-ui,-apple-system,sans-serif;
  --font-mono:ui-monospace,"SF Mono","SFMono-Regular","Cascadia Code","Roboto Mono",Consolas,monospace;
}
[data-brand="ac"][data-theme="dark"] {
  --bg:#131431; --auth-bg:#0f1029; --surface:#1c1d3f; --surface-2:#23244b; --surface-3:#2a2b55;
  --ink:#f2efe8; --ink-soft:#cfd0e2; --text:#e7e6ef; --muted:#a6a7c2; --faint:#9396b9;
  --border:#33345f; --border-strong:#3f4070; --hairline:#2a2b52;
  --field-bg:#171834; --field-border:#3a3b66; --field-ph:#7476a0;
  --primary:#c8b08c; --primary-ink:#1a1b38; --primary-hover:#d6c2a4;
  --accent-line:#c8b08c; --accent-text:#d3bd9a; --accent-soft:#a5814b;
  --accent-fill:#c8b08c; --accent-ink:#1a1b38; --accent-hover:#d6c2a4;
  --navbar-bg:#0f1029; --navbar-fg:#eceaf2; --navbar-muted:#9092bd; --navbar-line:#2a2b55; --navbar-accent:#c8b08c;
  --ok-bg:#1d2f24; --ok-fg:#a9c9ac; --ok-line:#5f8a63;
  --warn-bg:#332a12; --warn-fg:#e0c07f; --warn-line:#b08320;
  --danger-bg:#361d1c; --danger-fg:#e6a79c; --danger-line:#c25548;
  --info-bg:#1c2247; --info-fg:#aeb8e6; --info-line:#5563a8;
  --track:#3a3b63; --focus:#c8b08c;
  --shadow-xs:0 1px 2px rgba(0,0,0,.35);
  --shadow-sm:0 3px 10px rgba(0,0,0,.4);
  --shadow-md:0 14px 34px rgba(0,0,0,.5);
  --shadow-lg:0 26px 64px rgba(0,0,0,.6);
}
[data-brand="ac"] nav { scrollbar-width: none; }
[data-brand="ac"] nav::-webkit-scrollbar { display: none; }
[data-brand="ac"] *:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
[data-brand="ac"] ::placeholder { color: var(--field-ph); opacity: 1; }
[data-brand="ac"] a { color: var(--accent-text); text-decoration: none; }
[data-brand="ac"] a:hover { color: var(--accent-line); text-decoration: underline; }
@keyframes acpulse { 0%,100% { opacity:.55 } 50% { opacity:.9 } }
@keyframes acspin { to { transform: rotate(360deg) } }