/*
 * TOKENS DE DESIGN (provisórios). Toda cor da interface vem daqui.
 * Para trocar a identidade: ajuste estes tokens (ou só --primary em config/brand.js).
 * Tema escuro: html[data-theme="dark"] (ou sistema, quando o usuário escolhe "Automático").
 */
:root {
  color-scheme: light;
  --primary: #5B5BD6;
  --primary-hover: #4C4CC4;
  --primary-contrast: #FFFFFF;
  --primary-soft: rgba(91, 91, 214, 0.10);
  --primary-ring: rgba(91, 91, 214, 0.28);

  --background: #F6F7F9;
  --surface: #FFFFFF;
  --surface-2: #F2F4F7;
  --surface-3: #E9ECF1;
  --overlay: rgba(15, 17, 21, 0.45);

  --text: #111318;
  --text-2: #344054;
  --muted: #667085;
  --subtle: #98A2B3;
  --border: #E4E7EC;
  --border-strong: #D0D5DD;

  --success: #12824C;
  --success-soft: rgba(18, 130, 76, 0.10);
  --warning: #B25E09;
  --warning-soft: rgba(220, 130, 20, 0.12);
  --danger: #D92D20;
  --danger-soft: rgba(217, 45, 32, 0.09);
  --info: #1570EF;
  --info-soft: rgba(21, 112, 239, 0.10);

  --sidebar-bg: #FFFFFF;
  --sidebar-text: #344054;
  --sidebar-active-bg: var(--primary-soft);
  --sidebar-active-text: var(--primary);

  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 14px;
  --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.05);
  --shadow: 0 1px 3px rgba(16, 24, 40, 0.06), 0 1px 2px rgba(16, 24, 40, 0.04);
  --shadow-lg: 0 12px 32px rgba(16, 24, 40, 0.12), 0 4px 8px rgba(16, 24, 40, 0.05);

  --font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Séries de gráficos (composição de custos etc.) */
  --chart-1: #5B5BD6;
  --chart-2: #0E9384;
  --chart-3: #DC6803;
  --chart-4: #1570EF;
  --chart-5: #C11574;
  --chart-6: #7A5AF8;
  --chart-7: #667085;

  --sidebar-width: 248px;
  --topbar-height: 60px;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --primary: #8083F0;
  --primary-hover: #9699F4;
  --primary-contrast: #0E0F12;
  --primary-soft: rgba(128, 131, 240, 0.16);
  --primary-ring: rgba(128, 131, 240, 0.35);

  --background: #0E0F12;
  --surface: #16181D;
  --surface-2: #1C1F25;
  --surface-3: #252930;
  --overlay: rgba(0, 0, 0, 0.6);

  --text: #ECEDEF;
  --text-2: #C9CDD4;
  --muted: #9BA1AC;
  --subtle: #6B7280;
  --border: #262A31;
  --border-strong: #353A43;

  --success: #3CCB7F;
  --success-soft: rgba(60, 203, 127, 0.13);
  --warning: #F5B34A;
  --warning-soft: rgba(245, 179, 74, 0.14);
  --danger: #F97066;
  --danger-soft: rgba(249, 112, 102, 0.14);
  --info: #6CA7FF;
  --info-soft: rgba(108, 167, 255, 0.14);

  --chart-1: #8083F0;
  --chart-2: #2ED3B7;
  --chart-3: #FDB022;
  --chart-4: #53B1FD;
  --chart-5: #F670C7;
  --chart-6: #A48AFB;
  --chart-7: #98A2B3;

  --sidebar-bg: #121418;
  --sidebar-text: #C9CDD4;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.5);
}