:root {
  /* Vtranet brand */
  --vt-brand: #002947;
  --vt-brand-rgb: 0, 41, 71;
  --vt-brand-hover: #214660;
  --vt-brand-accent: #3aaeff;
  --vt-brand-light: #e6f2f7;

  /* Semantic colors */
  --vt-primary: #0678be;
  --vt-primary-rgb: 6, 120, 190;
  --vt-secondary: #525b69;
  --vt-success: #198754;
  --vt-warning: #ffc107;
  --vt-danger: #dc3545;
  --vt-info: #3aaeff;

  /* Surfaces */
  --vt-body-bg: #f4f6f9;
  --vt-body-color: #212529;
  --vt-surface: #ffffff;
  --vt-surface-elevated: #ffffff;
  --vt-header-bg: #ffffff;
  --vt-content-header-bg: #f5f5f5;
  --vt-border-color: #e2e5e8;
  --vt-shadow: 0 1px 0 0 #e2e5e8;
  --vt-shadow-lg: 0 4px 24px rgba(62, 57, 107, 0.12);

  /* Sidebar */
  --vt-sidebar-bg: var(--vt-brand);
  --vt-sidebar-color: #ffffff;
  --vt-sidebar-link: rgba(255, 255, 255, 0.92);
  --vt-sidebar-link-hover-bg: var(--vt-brand-hover);
  --vt-sidebar-link-active-bg: var(--vt-brand-hover);
  --vt-sidebar-submenu-active: var(--vt-brand-accent);

  /* Chart palette */
  --vt-chart-1: #4e79a7;
  --vt-chart-2: #f28e2b;
  --vt-chart-3: #e15759;
  --vt-chart-4: #76b7b2;
  --vt-chart-5: #59a14f;
  --vt-chart-6: #edc948;
  --vt-chart-7: #b07aa1;
  --vt-chart-8: #ff9da7;

  /* Layout */
  --vt-sidebar-width: 264px;
  --vt-sidebar-collapsed-width: 70px;
  --vt-header-height: 60px;
  --vt-content-padding: 1.5rem;
  --vt-border-radius: 0.5rem;
  --vt-border-radius-sm: 0.375rem;

  /* Typography */
  --vt-font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --vt-font-size-base: 0.9rem;
  --vt-font-size-sm: 0.8125rem;
  --vt-font-size-lg: 1.125rem;
  --vt-line-height: 1.5;

  /* Table */
  --vt-table-header-bg: #f8f9fa;
  --vt-table-stripe-bg: #fafbfc;
  --vt-table-border: #dee2e6;
  --vt-table-hover-bg: rgba(var(--vt-primary-rgb), 0.06);

  /* Stat cards */
  --vt-stat-primary-bg: linear-gradient(135deg, #002947 0%, #0678be 100%);
  --vt-stat-success-bg: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
  --vt-stat-warning-bg: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  --vt-stat-info-bg: linear-gradient(135deg, #3aaeff 0%, #0678be 100%);

  /* Kanban */
  --vt-kanban-column-bg: #f0f2f5;
  --vt-kanban-card-bg: #ffffff;
}

[data-theme="dark"] {
  --vt-body-bg: #0f1419;
  --vt-body-color: #e8eaed;
  --vt-surface: #1a2332;
  --vt-surface-elevated: #243044;
  --vt-header-bg: #1a2332;
  --vt-content-header-bg: #151d28;
  --vt-border-color: #2d3a4d;
  --vt-shadow: 0 1px 0 0 #2d3a4d;
  --vt-shadow-lg: 0 4px 24px rgba(0, 0, 0, 0.35);

  --vt-sidebar-bg: #0a1628;
  --vt-sidebar-color: #e8eaed;
  --vt-sidebar-link: rgba(232, 234, 237, 0.88);
  --vt-sidebar-link-hover-bg: #1a3050;
  --vt-sidebar-link-active-bg: #1a3050;
  --vt-sidebar-submenu-active: #5bc0ff;

  --vt-primary: #5bc0ff;
  --vt-primary-rgb: 91, 192, 255;
  --vt-secondary: #9aa5b4;

  --vt-table-header-bg: #1e2a3a;
  --vt-table-stripe-bg: #172030;
  --vt-table-border: #2d3a4d;
  --vt-table-hover-bg: rgba(91, 192, 255, 0.08);

  --vt-kanban-column-bg: #151d28;
  --vt-kanban-card-bg: #1a2332;
}