:root {
    --chart-grid: rgba(255, 255, 255, 0.05);
    --chart-tick: #64748b;
    --chart-tooltip-bg: rgba(15, 15, 30, 0.9);
    --chart-tooltip-title: #e2e8f0;
    --chart-tooltip-body: #94a3b8;
    --chart-tooltip-border: rgba(99, 102, 241, 0.3);
    --chart-line: #6366f1;
    --chart-line-hover: #818cf8;
    --chart-point-border: #1a1a2e;
    --chart-gradient-start: rgba(99, 102, 241, 0.35);
    --chart-gradient-end: rgba(99, 102, 241, 0.0);
    --chart-doughnut-hover-border: rgba(255, 255, 255, 0.3);
    --chart-icon-filter: none;
}

[data-theme="light"] {
    --chart-grid: rgba(0, 0, 0, 0.06);
    --chart-tick: #6b7280;
    --chart-tooltip-bg: rgba(255, 255, 255, 0.95);
    --chart-tooltip-title: #111111;
    --chart-tooltip-body: #555555;
    --chart-tooltip-border: rgba(99, 102, 241, 0.25);
    --chart-line: #6366f1;
    --chart-line-hover: #4f46e5;
    --chart-point-border: #ffffff;
    --chart-gradient-start: rgba(99, 102, 241, 0.20);
    --chart-gradient-end: rgba(99, 102, 241, 0.0);
    --chart-doughnut-hover-border: rgba(0, 0, 0, 0.2);
    --chart-icon-filter: brightness(0) saturate(100%);
}

[data-theme="light"] .legend-icon,
[data-theme="light"] .kpi-inline-icon,
[data-theme="light"] .center-icon {
    filter: var(--chart-icon-filter);
}