:root {
  /* Font */
  --font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif;

  /* Accent: Forest (default) */
  --accent-primary: #2d6a1f;
  --accent-light: #4a9e33;
  --accent-dark: #1a3d12;
  --accent-soft: #edf7e8;

  /* Light mode (default) */
  --bg: #f4f2ee;
  --sidebar-bg: #16201a;
  --sidebar-hover: #243028;
  --card: #ffffff;
  --border: #e0dbd0;
  --input-bg: #ffffff;
  --text: #1a1f18;
  --text-sub: #5a6656;
  --text-muted: #8a9886;
  --gray-100: #f7f5f0;
  --gray-200: #ece8e0;
  --red: #c0392b;
  --orange: #d4621f;
  --green: #2d8a3e;
  --header-grad: linear-gradient(135deg, var(--accent-dark), var(--accent-primary));
  --shadow: 0 1px 2px rgba(0,0,0,0.04);
  --kpi-bg: #f0eee9;

  /* Chart colors (light) */
  --chart-0: #2d6a1f; --chart-1: #d4621f; --chart-2: #3d5a80;
  --chart-3: #7b3fa0; --chart-4: #c9a820; --chart-5: #2d8a3e;
  --chart-6: #c0392b; --chart-7: #1a7a6e; --chart-8: #d68910;
  --chart-9: #148a74; --chart-10: #7d3fa0; --chart-11: #2e5fa0;

  /* Layout */
  --sidebar-width: 56px;
  --sidebar-width-expanded: 240px;
  --header-height: 0px;
  --radius-sm: 2px;
  --radius-md: 3px;
  --radius-lg: 4px;

  /* Spacing (8px grid) */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;

  /* Content */
  --content-max-width: 1400px;
  --content-padding: var(--space-xl);
  --content-padding-mobile: var(--space-md);
}

/* ── Dark Mode ── */
[data-theme="dark"] {
  --bg: #0c0f0c;
  --sidebar-bg: #080a08;
  --sidebar-hover: #141a14;
  --card: #131613;
  --border: #1e261e;
  --input-bg: #0c0f0c;
  --text: #e8f0e4;
  --text-sub: #7a9474;
  --text-muted: #4a6044;
  --gray-100: #111511;
  --gray-200: #1e261e;
  --red: #e57373;
  --orange: #ffb74d;
  --green: #66bb6a;
  --shadow: 0 1px 2px rgba(0,0,0,0.10);
  --kpi-bg: #181b18;
  --chart-0: #4caf3a; --chart-1: #ff9800; --chart-2: #42a5f5;
  --chart-3: #ce93d8; --chart-4: #ffee58; --chart-5: #66bb6a;
  --chart-6: #ef5350; --chart-7: #26c6da; --chart-8: #ffa726;
  --chart-9: #26a69a; --chart-10: #ab47bc; --chart-11: #5c6bc0;
}