/* Temas do DSControle Financeiro — identidade Cinza Executiva */
@font-face {
  font-family: 'Inter';
  src: url('../assets/fonts/InterVariable.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  color-scheme: light;

  /* Marca e cores semânticas */
  --brand-sidebar: #293545;
  --brand-sidebar-start: #1d252d;
  --brand-sidebar-mid: #314154;
  --brand-sidebar-end: #202b38;
  --brand-sidebar-text: #ffffff;
  --brand-sidebar-muted: #ffffff;
  --color-teal: #23855b;
  --color-teal-visual: #2f9e6c;
  --color-teal-dim: rgba(35, 133, 91, 0.15);
  --color-blue: #4285f4;
  --color-blue-dim: rgba(66, 133, 244, 0.14);
  --color-red: #d63f45;
  --color-red-visual: #d63f45;
  --color-red-dim: rgba(214, 63, 69, 0.15);
  --color-amber: #a36c16;
  --color-amber-visual: #b7791f;
  --color-amber-dim: rgba(183, 121, 31, 0.16);
  --color-purple: #64748b;
  --color-purple-visual: #7c8ca1;
  --color-purple-dim: rgba(100, 116, 139, 0.14);
  --primary-bg: #36475a;
  --primary-bg-hover: #293848;
  --primary-text: #ffffff;

  /* Superfícies */
  --bg: #f1f4f8;
  --surface: #ffffff;
  --surface-warm: #ffffff;
  --surface-2: #eef2f6;
  --surface-3: #dce3eb;
  --border: rgba(47, 56, 66, 0.12);
  --border-strong: rgba(47, 56, 66, 0.22);
  --hover: rgba(47, 56, 66, 0.05);
  --overlay: rgba(35, 36, 35, 0.56);
  --topbar-bg: rgba(255, 255, 255, 0.94);
  --table-header-bg: #e7ebef;
  --table-header-text: #343d46;
  --table-header-accent: #94a3b8;

  /* Texto e gráficos */
  --text: #202b38;
  --text-muted: #667789;
  --text-dim: #8b9aaa;
  --chart-grid: rgba(32, 43, 56, 0.11);
  --chart-tooltip: #36475a;
  --focus-ring: rgba(66, 133, 244, 0.32);

  /* Tipografia */
  --font-sans: 'Inter', 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'Cascadia Mono', ui-monospace, 'SFMono-Regular', Consolas, monospace;

  /* Métricas */
  --radius: 12px;
  --radius-sm: 8px;
  --radius-lg: 16px;
  --shadow: 0 8px 24px rgba(32, 43, 56, 0.10);
  --shadow-lg: 0 18px 48px rgba(32, 43, 56, 0.20);
  --sidebar-w: 240px;
  --topbar-h: 64px;
  --transition: 0.18s ease;
}

:root[data-theme='dark'] {
  color-scheme: dark;
  --brand-sidebar: #202b38;
  --brand-sidebar-start: #17202a;
  --brand-sidebar-mid: #202b38;
  --brand-sidebar-end: #293545;
  --brand-sidebar-text: #eef3f8;
  --brand-sidebar-muted: #b8c4d0;
  --color-teal: #55b982;
  --color-teal-visual: #55b982;
  --color-teal-dim: rgba(85, 185, 130, 0.17);
  --color-blue: #7baaf7;
  --color-blue-dim: rgba(123, 170, 247, 0.17);
  --color-red: #f06a6e;
  --color-red-visual: #f06a6e;
  --color-red-dim: rgba(240, 106, 110, 0.17);
  --color-amber: #e1b85a;
  --color-amber-visual: #e1b85a;
  --color-amber-dim: rgba(225, 184, 90, 0.17);
  --color-purple: #a6b4c4;
  --color-purple-visual: #a6b4c4;
  --color-purple-dim: rgba(166, 180, 196, 0.17);
  --primary-bg: #43566a;
  --primary-bg-hover: #52677c;
  --primary-text: #ffffff;

  --bg: #17202a;
  --surface: #202b38;
  --surface-warm: #202b38;
  --surface-2: #293545;
  --surface-3: #36475a;
  --border: rgba(238, 243, 248, 0.10);
  --border-strong: rgba(238, 243, 248, 0.18);
  --hover: rgba(82, 103, 124, 0.18);
  --overlay: rgba(15, 15, 15, 0.76);
  --topbar-bg: rgba(23, 32, 42, 0.92);
  --table-header-bg: #293545;
  --table-header-text: #eef3f8;
  --table-header-accent: #60758b;

  --text: #eef3f8;
  --text-muted: #b8c4d0;
  --text-dim: #8fa0b1;
  --chart-grid: rgba(238, 243, 248, 0.08);
  --chart-tooltip: #293545;
  --focus-ring: rgba(123, 170, 247, 0.36);

  --shadow: 0 10px 28px rgba(0, 0, 0, 0.32);
  --shadow-lg: 0 20px 52px rgba(0, 0, 0, 0.46);
}