/*
 * COPIA SINCRONIZADA de docs/design-system/library/tokens/design_tokens.css
 * (fonte canonica). Necessario aqui porque o StaticFiles do FastAPI serve
 * apenas src/rvr1_cit/workbench/static/.
 *
 * Design Tokens — RVR1
 * PALETA DEFINIDA PELO CTO (2026-08-05), substituindo a paleta derivada das
 * imagens: #8ecae6 #219ebc #023047 #ffb703 #fb8500, fundo branco gelo #fafafa.
 * Papeis: prussian=ink da marca · teal=acento · sky=suave · OURO=dinheiro/
 * oportunidade+alerta · LARANJA=critico. Sem verde/vermelho na paleta -> success
 * usa um teal-verde harmonizado (#2a9d8f); alerta/erro usam os quentes.
 * Registro canonico em docs/design-system/design_tokens.json (color.canonical_cto_2026).
 * Os nomes --rvr1-color-* sao preservados (workbench.css os mapeia); os VALORES
 * mudaram para a paleta nova. Tokens de texto usam variantes escuras (AA).
 */

:root {
  /* Cores — nomes preservados, valores = paleta do CTO */
  --rvr1-color-azul-institucional: #c0562e;   /* laranja-marca (do logo) — acento p/ TEXTO/botao/eyebrow (AA 4.55) */
  --rvr1-color-azul-profundo: #022b47;         /* navy da marca = fundo do logo (dark) */
  --rvr1-color-azul-claro: #e46100;            /* laranja vivo do "1" do logo — icones, foco, acento em fundo escuro */
  --rvr1-color-verde-estrategico: #2a9d8f;     /* teal-verde harmonizado — positivo/estrategico */
  --rvr1-color-cinza-claro: #fafafa;           /* branco gelo — fundo do app (pedido do CTO) */
  --rvr1-color-cinza-medio: #e4e9ec;           /* linha */
  --rvr1-color-cinza-escuro: #4d6373;          /* muted / linha forte */
  --rvr1-color-grafite: #0c2836;               /* texto (ink) */
  --rvr1-color-navy-quase-preto: #022b47;      /* sidebar = navy do logo (sem costura c/ a marca) */
  --rvr1-color-navy-profundo: #04212e;
  --rvr1-color-navy-medio: #0a4763;
  --rvr1-color-azul-glow: #219ebc;
  --rvr1-color-branco-quase-puro: #ffffff;     /* superficie de painel */
  --rvr1-color-success: #2a9d8f;               /* teal-verde */
  --rvr1-color-warning: #b45900;               /* ambar escuro (texto legivel); fill = --rvr1-gold */
  --rvr1-color-error: #c2410c;                 /* laranja-queimado (texto legivel); fill = --rvr1-orange */
  --rvr1-color-info: #146b81;

  /* Paleta do CTO — cores puras (fills, faixas, dots, dinheiro) + tints */
  --rvr1-ground: #fafafa;
  --rvr1-ink: #023047;
  --rvr1-accent: #c0562e;      /* laranja-marca (bordas/realces/texto AA) */
  --rvr1-accent-weak: #fce9e1; /* tint claro do laranja p/ fundos de tag/realce */
  --rvr1-sky: #8ecae6;
  --rvr1-gold: #ffb703;        /* DINHEIRO/oportunidade + alerta (fill) */
  --rvr1-orange: #fb8500;      /* critico (fill) */
  --rvr1-good-bg: #e6f5f2;
  --rvr1-warn-bg: #fff3d1;
  --rvr1-crit-bg: #ffe6cc;

  /* Tipografia — grotesk institucional (IBM Plex Sans) + mono nos numeros */
  --rvr1-font-family: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --rvr1-font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Code", "SF Mono", monospace;
  --rvr1-font-weight-light: 300;
  --rvr1-font-weight-regular: 400;
  --rvr1-font-weight-medium: 500;
  --rvr1-font-weight-semibold: 600;
  --rvr1-font-weight-bold: 700;
  --rvr1-font-weight-extrabold: 700;

  /* Espaçamento */
  --rvr1-space-xs: 4px;  --rvr1-space-sm: 8px;  --rvr1-space-md: 12px; --rvr1-space-lg: 16px;
  --rvr1-space-xl: 24px; --rvr1-space-2xl: 32px; --rvr1-space-3xl: 48px; --rvr1-space-4xl: 64px;

  /* Raio de borda */
  --rvr1-radius-sm: 6px; --rvr1-radius-md: 8px; --rvr1-radius-lg: 12px; --rvr1-radius-pill: 9999px;

  /* Sombra — tingida com o prussian, nao preto puro */
  --rvr1-shadow-sm: 0 1px 2px rgba(2, 48, 71, 0.06);
  --rvr1-shadow-md: 0 1px 2px rgba(2, 48, 71, 0.06), 0 6px 16px -8px rgba(2, 48, 71, 0.14);
  --rvr1-shadow-lg: 0 2px 4px rgba(2, 48, 71, 0.06), 0 14px 30px -14px rgba(2, 48, 71, 0.18);

  /* Gradientes */
  --rvr1-gradient-hero-dark: radial-gradient(circle at 70% 40%, #021a24, #023047, #0a4763, #146b81, #219ebc);
  --rvr1-gradient-heatmap: linear-gradient(90deg, #8ecae6, #ffb703, #fb8500);

  /* Iconografia */
  --rvr1-icon-stroke-width: 2px;
}