/* O cânone da babel-os-v2: GERADO por node ferramentas/design/canone-do-mockup.mjs do :root do mockup escolhido e das cores dos 243 desenhos.
   Não editar à mão: muda o mockup (ou o desenho) e roda o script. */
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/publico/fontes/inter-variavel.woff2) format('woff2'); }
@font-face { font-family: 'Instrument Serif'; font-style: normal; font-weight: 400; font-display: swap; src: url(/publico/fontes/instrument-serif.woff2) format('woff2'); }
@font-face { font-family: 'Instrument Serif'; font-style: italic; font-weight: 400; font-display: swap; src: url(/publico/fontes/instrument-serif-italico.woff2) format('woff2'); }
:root {
  --bg-0: #08071a; /* a noite da sala, atrás de tudo */
  --bg-1: #110e26; /* o que mora dentro da janela: cartão, campo, coluna */
  --bg-2: #181438; /* a superfície da janela de todo app */
  --bg-3: #221c48; /* o que sobe: elevado, passar o mouse */
  --glass: rgba(255,255,255,.035); /* vidro leve (a moldura) */
  --glass-2: rgba(255,255,255,.065); /* vidro médio: a caixa do ícone */
  --glass-3: rgba(255,255,255,.11); /* vidro forte: o que está aceso na moldura */
  --line: rgba(200,190,255,.10); /* borda em repouso */
  --line-2: rgba(200,190,255,.22); /* borda de botão e de chip */
  --line-3: rgba(200,190,255,.42); /* borda de foco e de destaque */
  --ink: #efecff; /* texto principal */
  --ink-2: #bdb6e3; /* descrição, subtítulo */
  --ink-3: #9992c6; /* metadado, nunca abaixo de 11 px · ajuste de 2026-10-17: era #8f88bd no mockup (legibilidade) */
  --brand: #ab97ff; /* a marca e o agente: o botão principal, a aba ativa */
  --brand-2: #cdbfff; /* texto e ícone lilás claro */
  --brand-deep: #6a52e0; /* o lilás fundo (o botão da página do cliente) */
  --brand-ink: #160f33; /* texto sobre o lilás */
  --glow: #e6aaff; /* só onde ela está */
  --brand-tint: rgba(171,151,255,.14); /* o escolhido, leve */
  --brand-tint-2: rgba(171,151,255,.26); /* o escolhido, forte */
  --ok: #72e3c3; /* feito, no ar (só com fato) */
  --warn: #f5d27d; /* prazo correndo (só com fato) */
  --bad: #ff90a6; /* só golpe, canal caído, emergência */
  --info: #80c6ff; /* pede você; informação (só com fato) */
  --r-sm: 10px; /* canto pequeno */
  --r-md: 16px; /* canto do cartão */
  --r-lg: 22px; /* canto da janela */
  --r-xl: 28px; /* canto do lançador */
  --r-pill: 999px; /* pílula: botão, chip */
  --font: 'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; /* a letra da interface */
  --serif: 'Instrument Serif',Georgia,'Times New Roman',serif; /* a voz dela (itálico) */
  --top: 64px; /* a altura do topo */
  --rail: 76px; /* a largura do trilho */
  --shadow: 0 24px 60px -28px rgba(0,0,0,.7); /* a sombra da janela */
  --ease: cubic-bezier(.2,.7,.2,1); /* a curva do movimento */
  /* as cores que os desenhos usam e o mockup não nomeia (8 usos ou mais) */
  --desenho-1: rgba(171,151,255,.22); /* usado 647× nos desenhos */
  --desenho-2: rgba(171,151,255,.10); /* usado 519× nos desenhos */
  --desenho-3: #4a4270; /* usado 225× nos desenhos */
  --desenho-4: #fff; /* usado 149× nos desenhos */
  --desenho-5: #1e1646; /* usado 125× nos desenhos */
  --desenho-6: #f4f1ea; /* usado 73× nos desenhos */
  --desenho-7: #e0b457; /* usado 54× nos desenhos */
  --desenho-8: rgba(171,151,255,.18); /* usado 50× nos desenhos */
  --desenho-9: rgba(171,151,255,.35); /* usado 42× nos desenhos */
  --desenho-10: rgba(0,0,0,.7); /* usado 33× nos desenhos */
  --desenho-11: #141031; /* usado 22× nos desenhos */
  --desenho-12: rgba(171,151,255,.42); /* usado 21× nos desenhos */
  --desenho-13: rgba(171,151,255,.3); /* usado 15× nos desenhos */
  --desenho-14: #e5e0f2; /* usado 13× nos desenhos */
  --desenho-15: rgba(128,198,255,.45); /* usado 13× nos desenhos */
  --desenho-16: rgba(171,151,255,.45); /* usado 12× nos desenhos */
  --desenho-17: rgba(255,255,255,.08); /* usado 11× nos desenhos */
  --desenho-18: #2a2357; /* usado 11× nos desenhos */
  --desenho-19: #ece8fa; /* usado 11× nos desenhos */
  --desenho-20: #f7f5fc; /* usado 10× nos desenhos */
  --desenho-21: #ddd6ee; /* usado 9× nos desenhos */
  --desenho-22: #0d0b20; /* usado 9× nos desenhos */
  --desenho-23: rgba(171,151,255,.5); /* usado 9× nos desenhos */
  --desenho-24: rgba(245,210,125,.35); /* usado 8× nos desenhos */
  --desenho-25: rgba(171,151,255,.04); /* usado 8× nos desenhos */
  --desenho-26: rgba(128,198,255,.06); /* usado 8× nos desenhos */
  --desenho-27: #e4dfd3; /* usado 8× nos desenhos */
}