/* ==========================================================================
   Design tokens — identidade visual Shrimpps.
   Paleta da marca: laranja #f56b1b + cinza #545454. Fonte Plus Jakarta Sans.

   IMPORTANTE — cores de dados vs. chrome:
   - `--cong` (teal) e `--fres` (laranja) codificam Congelado × Fresco nos gráficos
     e legendas. NÃO são a cor da marca; existem para contraste de leitura.
   - `--brand`/`--ink` e os tokens `--teal*` (mantidos por compatibilidade e
     repontados para a marca) definem o CHROME (sidebar, botões, títulos, foco).
   Light/dark via [data-theme].
   ========================================================================== */
:root {
  /* Marca Shrimpps */
  --brand: #f56b1b;
  --brand-d: #d9570f;
  --brand-l: #ff8a44;
  --ink: #545454;
  --ink-d: #3d3d3d;

  /* Cores de dados (semânticas dos gráficos) */
  --cong: #0E8C7A;   /* Camarão Congelado */
  --cong-d: #0A6B5E;
  --cong-l: #4FB3A4;
  --fres: #f56b1b;   /* Camarão Fresco (= laranja da marca) */

  /* Feedback */
  --pos: #15A07F;
  --neg: #D64545;

  /* Tokens de chrome (repontados p/ a marca; nomes --teal* mantidos por herança) */
  --teal: var(--brand);      /* ações/ativos */
  --teal-d: var(--ink);      /* títulos/números (cinza forte) */
  --teal-l: var(--brand-l);  /* foco/hover claro */
  --orange: var(--fres);     /* acento (ticket) / Fresco */
  --orange-d: var(--brand-d);

  /* Superfícies (light) — neutras */
  --text-main: #2f2f2f;
  --text-muted: #7c7c7c;
  --bg: #f5f5f6;
  --border: #e4e4e6;
  --card-bg: #ffffff;
  --card-bg-2: #fafafa;
  --seg-bg: #efeff0;
  --chart-border: #ffffff;
  --shadow: rgba(84, 84, 84, 0.07);

  /* Sidebar (rail cinza-escuro com acento laranja) */
  --rail-bg: #2c2c2c;
  --rail-bg-2: #383838;
  --rail-text: #c4c4c4;
  --rail-text-strong: #ffffff;
  --rail-active: var(--brand);
  --rail-hover: rgba(255, 255, 255, 0.07);

  /* Métricas de layout */
  --sidebar-w: 258px;
  --topbar-h: 64px;
  --radius: 10px;
  --radius-sm: 6px;
  --content-max: 1320px;

  /* Tipografia */
  --font: 'Plus Jakarta Sans', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

/* Tema escuro — superfícies neutras escuras; marca e dados permanecem legíveis. */
[data-theme="dark"] {
  --cong: #34c4b1;
  --cong-d: #46c3b0;
  --cong-l: #4FB3A4;

  --teal-d: #ededed;   /* títulos claros no escuro */

  --text-main: #ededed;
  --text-muted: #9a9a9a;
  --bg: #141414;
  --border: #2b2b2b;
  --card-bg: #1c1c1c;
  --card-bg-2: #191919;
  --seg-bg: #242424;
  --chart-border: #1c1c1c;
  --shadow: rgba(0, 0, 0, 0.4);

  --rail-bg: #202020;
  --rail-bg-2: #282828;
  --rail-text: #b6b6b6;
}