/* light */ :root { --tt-bg: #ffffff; --tt-fg: #111827; /* gri foarte închis */ --tt-border: var(--color-border, #3f3f46); } /* dacă folosești Tailwind dark mode pe */ .dark { --tt-bg: #111827; /* slate-900 */ --tt-fg: #f9fafb; /* aproape alb */ --tt-border: #334155; /* slate-700 */ } /* containerul tooltip-ului ApexCharts */ .apexcharts-tooltip { background: var(--tt-bg) !important; color: var(--tt-fg) !important; border: 1px solid var(--tt-border) !important; box-shadow: 0 8px 24px rgba(0,0,0,.35) !important; } /* moștenește culoarea pentru tot conținutul tooltipului */ .apexcharts-tooltip * { color: inherit !important; }