/* tokens.css — tokens da marca copiados de pablo0r/combine-inbox@6da997e (public/styles.css:1-70).
   Mudanças em relação à origem: fontes servidas de /brand/fonts e o Switzer fora do --font-sans (a inbox mistura
   Switzer no texto com Inter nos gráficos, e a diferença de métrica cortava rótulos de eixo). Ao atualizar, copie
   de novo da inbox em vez de editar aqui: o painel tem de continuar com a cara dela. */
@font-face{font-family:"Montserrat";src:url("/brand/fonts/montserrat-latin-300-normal.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url("/brand/fonts/montserrat-latin-600-normal.woff2") format("woff2");font-weight:500 700;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("/brand/fonts/inter-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("/brand/fonts/inter-latin-500-normal.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("/brand/fonts/inter-latin-600-normal.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("/brand/fonts/inter-latin-700-normal.woff2") format("woff2");font-weight:700 900;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("/brand/fonts/jetbrains-mono-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("/brand/fonts/jetbrains-mono-latin-700-normal.woff2") format("woff2");font-weight:500 900;font-style:normal;font-display:swap}
:root{
  /* --- marca (iguais nos 2 temas) --- */
  --cb-ink:#002117; --cb-ink-deep:#001a12; --cb-coral:#e8705a; --cb-coral-soft:#fdece8; --cb-coral-tag:#fde6e1; --cb-coral-ink:#a33a26;
  --cb-emerald:#00d492; --cb-mint:#d0fae5; --cb-forest:#0f5a41; --cb-amber:#f5c46b; --cb-amber-soft:#fdf0d5; --cb-amber-ink:#7a4b00;
  --cb-stone:#a6a09b; --cb-red:#bd2d2c; --cb-glow:#fce8e3; --cb-cream:#fff4e6;
  --font-display:"Montserrat",Arial,sans-serif;
  --font-sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,"Cascadia Mono","Courier New",monospace;
  /* raios do site: botão/chip 8 · card 14 · modal 16 · badge de status em pílula */
  --r-xs:6px; --r-sm:8px; --r-md:10px; --r-lg:14px; --r-xl:16px; --r-pill:999px; --r-btn:8px;
  /* --- tema claro (padrão) --- */
  --bg:#f5f5f3; --panel:#ffffff; --panel2:#faf9f7; --ink:#0d0d0d; --heading:#002117; --text:#404040; --muted:#78716c; --line:#e7e5e4; --line-soft:#f0efed;
  --chip-bg:rgba(0,0,0,.05); --chip-line:#f0efed; --hover:rgba(0,0,0,.035);
  --accent:#c0533d; --accent-soft:#fdece8; --accent-strong:#e8705a; --on-accent:#ffffff; --ink-fill:#002117; --on-ink-fill:#ffffff;
  --coral:#e8705a; --coral-soft:#fdece8; --emerald:#00a874; --mint:#d0fae5; --on-mint:#002117;
  --shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.045); --shadow-lg:0 24px 64px rgba(0,33,23,.14),0 2px 6px rgba(0,0,0,.05);
  --glow:radial-gradient(circle at 92% 0%,#fce8e3 0%,rgba(252,232,227,0) 46%);
  --glow-soft:linear-gradient(135deg,#fdece8 0%,#fff4e6 55%,#ffffff 100%);
  /* barra lateral: off-white quente, logo colorido; o item ativo é o "chip escolhido" (tinta) */
  --rail-bg:#faf9f7; --rail-ink:#0d0d0d; --rail-muted:#78716c; --rail-line:#e7e5e4; --rail-chip:rgba(0,0,0,.05); --rail-hover:rgba(0,0,0,.045); --rail-on:#002117; --rail-on-ink:#ffffff;
  /* etapas do funil: pedra → ardósia → âmbar → coral (quente) → emerald (reunião) → tinta (realizada) */
  --espera:#b3ada8; --aceita:#8c8580; --novo:#002117; --frio:#5f8796; --morno:#d99a2b; --quente:#e8705a; --reuniao:#00a874; --reuniao2:#0f5a41;
  --descartado:#bd2d2c; --sem:#a6a09b; --followup:#e8705a; --unread:#e8705a; --unread-fill:#e8705a; --on-unread:#ffffff;
  --pos:#00a874; --neg:#c0533d;
  --acc-0:#002117; --acc-1:#e8705a; --acc-2:#00a874; --acc-3:#d99a2b; --acc-4:#5f8796;
  --li:#0a66c2;
  /* gráficos: série principal coral (como a barra "Combine" do site), comparação pedra, positivo emerald, tinta */
  --chart-1:#e8705a; --chart-2:#002117; --chart-3:#00a874; --chart-4:#d99a2b; --chart-5:#a6a09b; --chart-6:#5f8796; --chart-fill:rgba(232,112,90,.10);
  --focus:0 0 0 2px #ffffff,0 0 0 4px #e8705a; --focus-c:#e8705a;
  color-scheme:light;
}
/* escuro (opcional, botão de tema): a seção ink do site — fundo tinta, cards de vidro, coral continua sendo a ação */
:root[data-theme="dark"]{
  --bg:#001a12; --panel:#002117; --panel2:#05261b; --ink:#f5f5f4; --heading:#ffffff; --text:#c5ceca; --muted:#9fb0aa; --line:#1c3b31; --line-soft:#12322a;
  --chip-bg:rgba(255,255,255,.07); --chip-line:rgba(255,255,255,.08); --hover:rgba(255,255,255,.04);
  --accent:#f08a76; --accent-soft:rgba(232,112,90,.16); --accent-strong:#e8705a; --on-accent:#ffffff; --ink-fill:#f5f5f4; --on-ink-fill:#002117;
  --coral-soft:rgba(232,112,90,.16); --emerald:#00d492; --mint:rgba(0,212,146,.16); --on-mint:#d0fae5;
  --shadow:none; --shadow-lg:0 24px 64px rgba(0,0,0,.5);
  --glow:radial-gradient(circle at 50% -20%,#0b3b2b 0%,rgba(11,59,43,0) 60%);
  --glow-soft:linear-gradient(135deg,rgba(232,112,90,.10) 0%,rgba(0,33,23,0) 60%);
  --rail-bg:#001a12; --rail-ink:#f5f5f4; --rail-muted:#9fb0aa; --rail-line:rgba(255,255,255,.08); --rail-chip:rgba(255,255,255,.07); --rail-hover:rgba(255,255,255,.05); --rail-on:#f5f5f4; --rail-on-ink:#002117;
  --espera:#5f7a71; --aceita:#8fa39c; --novo:#e3e9e7; --frio:#86aebb; --morno:#f5c46b; --quente:#f08a76; --reuniao:#00d492; --reuniao2:#d0fae5;
  --descartado:#f07b6a; --sem:#7f938c; --followup:#f08a76; --unread:#f08a76; --unread-fill:#e8705a; --on-unread:#ffffff;
  --pos:#00d492; --neg:#f08a76;
  --acc-0:#e3e9e7; --acc-1:#f08a76; --acc-2:#00d492; --acc-3:#f5c46b; --acc-4:#86aebb;
  --li:#5aa9ee;
  --chart-1:#f08a76; --chart-2:#e3e9e7; --chart-3:#00d492; --chart-4:#f5c46b; --chart-5:#4a6b60; --chart-6:#86aebb; --chart-fill:rgba(232,112,90,.14);
  --focus:0 0 0 2px #002117,0 0 0 4px #e8705a; --focus-c:#e8705a;
  color-scheme:dark;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
[hidden]{display:none!important}
button,input,select,textarea{font-family:inherit}
/* foco visível só p/ teclado: anel coral da marca */
:where(button,a,select,summary,[tabindex]):focus-visible{outline:none;box-shadow:var(--focus)}