/*
 * Design System — Etapa 1 (redesign completo do sistema).
 *
 * Tokens tirados direto de src/styles/theme.css do Figma Make
 * "Novo projeto" (yxJ7RVXNt9nBv5p06TDU2A) — nao sao aproximacoes.
 *
 * Prefixo "--ds-" (design system) usado em TODAS as variaveis daqui pra
 * nunca colidir com as variaveis que ja existem no sistema (--app-*,
 * --ui-*, --btn-*, --docs-sidebar-*). Isso e' proposital: nesta etapa
 * nenhuma regra existente foi alterada, entao nenhuma tela muda de
 * aparencia so por este arquivo ser carregado - as variaveis ficam
 * definidas e disponiveis, mas so passam a ser *usadas* a partir da
 * Etapa 2 em diante, tela por tela, sempre escopado a
 * body[data-theme-preset="dark"] (o preset claro nao recebe o novo
 * visual, por decisao do cliente - ver plano de migracao).
 *
 * Correspondencia com os nomes do Figma (var(--x) do shadcn/Tailwind):
 * --ds-bg=background, --ds-card=card, --ds-primary=primary,
 * --ds-accent=accent, --ds-destructive=destructive, --ds-border=border,
 * --ds-radius-*=radius-sm/md/lg/xl (base 0.75rem=12px).
 */
:root {
  /* Cores de superficie */
  --ds-bg: #080E1C;
  --ds-foreground: #E8EDF5;
  --ds-card: #0F1724;
  --ds-card-foreground: #E8EDF5;
  --ds-popover: #0F1724;
  --ds-popover-foreground: #E8EDF5;
  --ds-secondary: #162032;
  --ds-secondary-foreground: #94A3B8;
  --ds-muted: #162032;
  --ds-muted-foreground: #64748B;
  --ds-border: rgba(148, 163, 184, 0.1);
  --ds-input: rgba(148, 163, 184, 0.08);

  /* Cores de marca */
  --ds-primary: #3B82F6;
  --ds-primary-foreground: #ffffff;
  --ds-accent: #22D3EE;
  --ds-accent-foreground: #0F172A;
  --ds-destructive: #EF4444;
  --ds-destructive-foreground: #ffffff;
  --ds-ring: #3B82F6;

  /* Sidebar (tokens proprios, podem divergir do bg/card geral) */
  --ds-sidebar: #080E1C;
  --ds-sidebar-foreground: #94A3B8;
  --ds-sidebar-primary: #22D3EE;
  --ds-sidebar-primary-foreground: #0F172A;
  --ds-sidebar-accent: #162032;
  --ds-sidebar-accent-foreground: #E8EDF5;
  --ds-sidebar-border: rgba(148, 163, 184, 0.08);
  --ds-sidebar-width: 208px;

  /* Cores de gráfico */
  --ds-chart-1: #22D3EE;
  --ds-chart-2: #EF4444;
  --ds-chart-3: #3B82F6;
  --ds-chart-4: #10B981;
  --ds-chart-5: #F59E0B;

  /* Radius (base --radius: 0.75rem = 12px, igual ao Figma) */
  --ds-radius-sm: 8px;
  --ds-radius-md: 10px;
  --ds-radius-lg: 12px;
  --ds-radius-xl: 16px;

  /* Tipografia */
  --ds-font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --ds-font-mono: 'Geist Mono', 'JetBrains Mono', monospace;
  --ds-font-size-base: 15px;

  /* Layout */
  --ds-header-height: 56px;
}