/* CSS Variables - Theme & Colors */
:root {
  /* === Sidebar (Light "Grape" Theme) === */
  --sidebar-width: 260px;
  --rail-width: 72px;
  --sidebar-bg: #ffffff;
  --sidebar-border: #e6e6e6;
  --sidebar-primary: #6a5acd; /* The "Grape" color */
  --sidebar-text: #333333;
  --sidebar-text-muted: #555555;
  --sidebar-hover-bg: #f5f5f5;
  --sidebar-active-bg: #f0f0f0;

  /* === Main Content (Light Theme) === */
  --bg-page: #f7f7f7;
  --bg-card: #ffffff;
  --border-main: #e6e6e6;
  --text-main: #333333;
  --text-muted: #555555;
  --text-on-accent: #ffffff;

  /* Accents */
  --accent-primary: var(--sidebar-primary);
  --accent-primary-light: #eef2ff;
  --accent-positive: #28a745;
  --accent-warning: #fd7e14;
  --chart-gray: #e9ecef;
}