/**
 * TinyPivot - Brand Theme Palettes
 * Each block redefines the --vpg-* tokens for a specific theme.
 * Activated via the `theme` prop on DataGrid (which sets the `vpg-theme-<name>` class).
 */

/* ==========================================================================
   Slate (Linear / Stripe — cool neutral, indigo accent)
   ========================================================================== */
.vpg-data-grid.vpg-theme-slate,
.vpg-pivot-config.vpg-theme-slate,
.vpg-pivot-skeleton.vpg-theme-slate,
.vpg-filter-dropdown.vpg-theme-slate,
.vpg-modal-overlay.vpg-theme-slate {
  --vpg-surface-bg: #f8fafc;
  --vpg-surface-panel: #f1f5f9;
  --vpg-surface-elevated: #ffffff;
  --vpg-surface-hover: #e2e8f0;
  --vpg-surface-selected: #e0e7ff;
  --vpg-surface-striped: #f8fafc;
  --vpg-text-primary: #0f172a;
  --vpg-text-secondary: #475569;
  --vpg-text-muted: #94a3b8;
  --vpg-text-inverse: #ffffff;
  --vpg-border-default: #cbd5e1;
  --vpg-border-strong: #94a3b8;
  --vpg-border-subtle: #e2e8f0;
  --vpg-accent: #4f46e5;
  --vpg-accent-hover: #4338ca;
  --vpg-accent-soft-bg: #e0e7ff;
  --vpg-accent-soft-text: #4338ca;
  --vpg-focus-ring: var(--vpg-accent);
  --vpg-state-error: #dc2626;
  --vpg-state-warning: #d97706;
  --vpg-state-success: #059669;
  --vpg-state-info: #0284c7;
  --vpg-scrollbar-thumb: #cbd5e1;
  --vpg-scrollbar-track: #f1f5f9;
  --vpg-dim-row-bg: #eef2ff;
  --vpg-dim-row-text: #3730a3;
  --vpg-dim-row-border: #c7d2fe;
  --vpg-dim-col-bg: #f5f3ff;
  --vpg-dim-col-text: #6d28d9;
  --vpg-dim-col-border: #ddd6fe;
  --vpg-dim-value-bg: #ecfdf5;
  --vpg-dim-value-text: #047857;
  --vpg-dim-value-border: #a7f3d0;
  --vpg-dim-calc-bg: #fdf4ff;
  --vpg-dim-calc-text: #86198f;
  --vpg-dim-calc-border: #f0abfc;
  --vpg-highlight-bg: #fef3c7;
  --vpg-highlight-text: #92400e;
  --vpg-highlight-border: #fde68a;
}

.vpg-data-grid.vpg-theme-slate-dark,
.vpg-pivot-config.vpg-theme-slate-dark,
.vpg-pivot-skeleton.vpg-theme-slate-dark,
.vpg-filter-dropdown.vpg-theme-slate-dark,
.vpg-modal-overlay.vpg-theme-slate-dark {
  --vpg-surface-bg: #0f172a;
  --vpg-surface-panel: #1e293b;
  --vpg-surface-elevated: #334155;
  --vpg-surface-hover: #334155;
  --vpg-surface-selected: #312e81;
  --vpg-surface-striped: #1a2434;
  --vpg-text-primary: #f1f5f9;
  --vpg-text-secondary: #cbd5e1;
  --vpg-text-muted: #94a3b8;
  --vpg-text-inverse: #0f172a;
  --vpg-border-default: #334155;
  --vpg-border-strong: #475569;
  --vpg-border-subtle: #1e293b;
  --vpg-accent: #818cf8;
  --vpg-accent-hover: #6366f1;
  --vpg-accent-soft-bg: #312e81;
  --vpg-accent-soft-text: #c7d2fe;
  --vpg-focus-ring: var(--vpg-accent);
  --vpg-state-error: #f87171;
  --vpg-state-warning: #fbbf24;
  --vpg-state-success: #34d399;
  --vpg-state-info: #38bdf8;
  --vpg-scrollbar-thumb: #475569;
  --vpg-scrollbar-track: #1e293b;
  --vpg-dim-row-bg: #312e81;
  --vpg-dim-row-text: #c7d2fe;
  --vpg-dim-row-border: #4338ca;
  --vpg-dim-col-bg: #4c1d95;
  --vpg-dim-col-text: #c4b5fd;
  --vpg-dim-col-border: #6d28d9;
  --vpg-dim-value-bg: #064e3b;
  --vpg-dim-value-text: #6ee7b7;
  --vpg-dim-value-border: #047857;
  --vpg-dim-calc-bg: #581c87;
  --vpg-dim-calc-text: #f0abfc;
  --vpg-dim-calc-border: #86198f;
  --vpg-highlight-bg: #451a03;
  --vpg-highlight-text: #fcd34d;
  --vpg-highlight-border: #92400e;
}

/* ==========================================================================
   Zinc (Vercel / Anthropic — pure neutral, minimalist)
   ========================================================================== */
.vpg-data-grid.vpg-theme-zinc,
.vpg-pivot-config.vpg-theme-zinc,
.vpg-pivot-skeleton.vpg-theme-zinc,
.vpg-filter-dropdown.vpg-theme-zinc,
.vpg-modal-overlay.vpg-theme-zinc {
  --vpg-surface-bg: #fafafa;
  --vpg-surface-panel: #f4f4f5;
  --vpg-surface-elevated: #ffffff;
  --vpg-surface-hover: #e4e4e7;
  --vpg-surface-selected: #e4e4e7;
  --vpg-surface-striped: #fafafa;
  --vpg-text-primary: #18181b;
  --vpg-text-secondary: #52525b;
  --vpg-text-muted: #a1a1aa;
  --vpg-text-inverse: #ffffff;
  --vpg-border-default: #d4d4d8;
  --vpg-border-strong: #a1a1aa;
  --vpg-border-subtle: #e4e4e7;
  --vpg-accent: #18181b;
  --vpg-accent-hover: #000000;
  --vpg-accent-soft-bg: #f4f4f5;
  --vpg-accent-soft-text: #18181b;
  --vpg-focus-ring: var(--vpg-accent);
  --vpg-state-error: #dc2626;
  --vpg-state-warning: #d97706;
  --vpg-state-success: #059669;
  --vpg-state-info: #0284c7;
  --vpg-scrollbar-thumb: #d4d4d8;
  --vpg-scrollbar-track: #f4f4f5;
  --vpg-dim-row-bg: #eff6ff;
  --vpg-dim-row-text: #1d4ed8;
  --vpg-dim-row-border: #bfdbfe;
  --vpg-dim-col-bg: #f5f3ff;
  --vpg-dim-col-text: #6d28d9;
  --vpg-dim-col-border: #ddd6fe;
  --vpg-dim-value-bg: #ecfdf5;
  --vpg-dim-value-text: #047857;
  --vpg-dim-value-border: #a7f3d0;
  --vpg-dim-calc-bg: #fef3c7;
  --vpg-dim-calc-text: #92400e;
  --vpg-dim-calc-border: #fde68a;
  --vpg-highlight-bg: #ffe4e6;
  --vpg-highlight-text: #be123c;
  --vpg-highlight-border: #fecdd3;
}

.vpg-data-grid.vpg-theme-zinc-dark,
.vpg-pivot-config.vpg-theme-zinc-dark,
.vpg-pivot-skeleton.vpg-theme-zinc-dark,
.vpg-filter-dropdown.vpg-theme-zinc-dark,
.vpg-modal-overlay.vpg-theme-zinc-dark {
  --vpg-surface-bg: #09090b;
  --vpg-surface-panel: #18181b;
  --vpg-surface-elevated: #27272a;
  --vpg-surface-hover: #27272a;
  --vpg-surface-selected: #3f3f46;
  --vpg-surface-striped: #131316;
  --vpg-text-primary: #fafafa;
  --vpg-text-secondary: #d4d4d8;
  --vpg-text-muted: #a1a1aa;
  --vpg-text-inverse: #09090b;
  --vpg-border-default: #27272a;
  --vpg-border-strong: #3f3f46;
  --vpg-border-subtle: #18181b;
  --vpg-accent: #fafafa;
  --vpg-accent-hover: #ffffff;
  --vpg-accent-soft-bg: #27272a;
  --vpg-accent-soft-text: #fafafa;
  --vpg-focus-ring: var(--vpg-accent);
  --vpg-state-error: #f87171;
  --vpg-state-warning: #fbbf24;
  --vpg-state-success: #34d399;
  --vpg-state-info: #38bdf8;
  --vpg-scrollbar-thumb: #3f3f46;
  --vpg-scrollbar-track: #18181b;
  --vpg-dim-row-bg: #1e3a8a;
  --vpg-dim-row-text: #bfdbfe;
  --vpg-dim-row-border: #1d4ed8;
  --vpg-dim-col-bg: #4c1d95;
  --vpg-dim-col-text: #c4b5fd;
  --vpg-dim-col-border: #6d28d9;
  --vpg-dim-value-bg: #064e3b;
  --vpg-dim-value-text: #6ee7b7;
  --vpg-dim-value-border: #047857;
  --vpg-dim-calc-bg: #451a03;
  --vpg-dim-calc-text: #fcd34d;
  --vpg-dim-calc-border: #92400e;
  --vpg-highlight-bg: #4c0519;
  --vpg-highlight-text: #fecdd3;
  --vpg-highlight-border: #9f1239;
}

/* ==========================================================================
   Indigo (Premium SaaS — vivid indigo brand)
   ========================================================================== */
.vpg-data-grid.vpg-theme-indigo,
.vpg-pivot-config.vpg-theme-indigo,
.vpg-pivot-skeleton.vpg-theme-indigo,
.vpg-filter-dropdown.vpg-theme-indigo,
.vpg-modal-overlay.vpg-theme-indigo {
  --vpg-surface-bg: #ffffff;
  --vpg-surface-panel: #eef2ff;
  --vpg-surface-elevated: #ffffff;
  --vpg-surface-hover: #e0e7ff;
  --vpg-surface-selected: #c7d2fe;
  --vpg-surface-striped: #f5f7ff;
  --vpg-text-primary: #1e1b4b;
  --vpg-text-secondary: #4338ca;
  --vpg-text-muted: #6366f1;
  --vpg-text-inverse: #ffffff;
  --vpg-border-default: #c7d2fe;
  --vpg-border-strong: #a5b4fc;
  --vpg-border-subtle: #e0e7ff;
  --vpg-accent: #4f46e5;
  --vpg-accent-hover: #4338ca;
  --vpg-accent-soft-bg: #e0e7ff;
  --vpg-accent-soft-text: #3730a3;
  --vpg-focus-ring: var(--vpg-accent);
  --vpg-state-error: #dc2626;
  --vpg-state-warning: #d97706;
  --vpg-state-success: #059669;
  --vpg-state-info: #0284c7;
  --vpg-scrollbar-thumb: #c7d2fe;
  --vpg-scrollbar-track: #eef2ff;
  --vpg-dim-row-bg: #eef2ff;
  --vpg-dim-row-text: #3730a3;
  --vpg-dim-row-border: #c7d2fe;
  --vpg-dim-col-bg: #eff6ff;
  --vpg-dim-col-text: #1d4ed8;
  --vpg-dim-col-border: #bfdbfe;
  --vpg-dim-value-bg: #ecfeff;
  --vpg-dim-value-text: #0e7490;
  --vpg-dim-value-border: #a5f3fc;
  --vpg-dim-calc-bg: #f5f3ff;
  --vpg-dim-calc-text: #6d28d9;
  --vpg-dim-calc-border: #ddd6fe;
  --vpg-highlight-bg: #fef3c7;
  --vpg-highlight-text: #92400e;
  --vpg-highlight-border: #fde68a;
}

.vpg-data-grid.vpg-theme-indigo-dark,
.vpg-pivot-config.vpg-theme-indigo-dark,
.vpg-pivot-skeleton.vpg-theme-indigo-dark,
.vpg-filter-dropdown.vpg-theme-indigo-dark,
.vpg-modal-overlay.vpg-theme-indigo-dark {
  --vpg-surface-bg: #1e1b4b;
  --vpg-surface-panel: #312e81;
  --vpg-surface-elevated: #3730a3;
  --vpg-surface-hover: #4338ca;
  --vpg-surface-selected: #4f46e5;
  --vpg-surface-striped: #28245f;
  --vpg-text-primary: #e0e7ff;
  --vpg-text-secondary: #a5b4fc;
  --vpg-text-muted: #818cf8;
  --vpg-text-inverse: #1e1b4b;
  --vpg-border-default: #4338ca;
  --vpg-border-strong: #6366f1;
  --vpg-border-subtle: #312e81;
  --vpg-accent: #818cf8;
  --vpg-accent-hover: #a5b4fc;
  --vpg-accent-soft-bg: #3730a3;
  --vpg-accent-soft-text: #e0e7ff;
  --vpg-focus-ring: var(--vpg-accent);
  --vpg-state-error: #f87171;
  --vpg-state-warning: #fbbf24;
  --vpg-state-success: #34d399;
  --vpg-state-info: #38bdf8;
  --vpg-scrollbar-thumb: #4338ca;
  --vpg-scrollbar-track: #312e81;
  --vpg-dim-row-bg: #312e81;
  --vpg-dim-row-text: #c7d2fe;
  --vpg-dim-row-border: #4338ca;
  --vpg-dim-col-bg: #1e3a8a;
  --vpg-dim-col-text: #bfdbfe;
  --vpg-dim-col-border: #1e40af;
  --vpg-dim-value-bg: #164e63;
  --vpg-dim-value-text: #a5f3fc;
  --vpg-dim-value-border: #155e75;
  --vpg-dim-calc-bg: #4c1d95;
  --vpg-dim-calc-text: #ddd6fe;
  --vpg-dim-calc-border: #5b21b6;
  --vpg-highlight-bg: #451a03;
  --vpg-highlight-text: #fcd34d;
  --vpg-highlight-border: #92400e;
}

/* ==========================================================================
   Violet (Data viz / AI tools — purple)
   ========================================================================== */
.vpg-data-grid.vpg-theme-violet,
.vpg-pivot-config.vpg-theme-violet,
.vpg-pivot-skeleton.vpg-theme-violet,
.vpg-filter-dropdown.vpg-theme-violet,
.vpg-modal-overlay.vpg-theme-violet {
  --vpg-surface-bg: #ffffff;
  --vpg-surface-panel: #f5f3ff;
  --vpg-surface-elevated: #ffffff;
  --vpg-surface-hover: #ede9fe;
  --vpg-surface-selected: #ddd6fe;
  --vpg-surface-striped: #faf8ff;
  --vpg-text-primary: #2e1065;
  --vpg-text-secondary: #6d28d9;
  --vpg-text-muted: #8b5cf6;
  --vpg-text-inverse: #ffffff;
  --vpg-border-default: #ddd6fe;
  --vpg-border-strong: #c4b5fd;
  --vpg-border-subtle: #ede9fe;
  --vpg-accent: #8b5cf6;
  --vpg-accent-hover: #7c3aed;
  --vpg-accent-soft-bg: #ede9fe;
  --vpg-accent-soft-text: #6d28d9;
  --vpg-focus-ring: var(--vpg-accent);
  --vpg-state-error: #dc2626;
  --vpg-state-warning: #d97706;
  --vpg-state-success: #059669;
  --vpg-state-info: #0284c7;
  --vpg-scrollbar-thumb: #ddd6fe;
  --vpg-scrollbar-track: #f5f3ff;
  --vpg-dim-row-bg: #eef2ff;
  --vpg-dim-row-text: #3730a3;
  --vpg-dim-row-border: #c7d2fe;
  --vpg-dim-col-bg: #f5f3ff;
  --vpg-dim-col-text: #6d28d9;
  --vpg-dim-col-border: #ddd6fe;
  --vpg-dim-value-bg: #fdf4ff;
  --vpg-dim-value-text: #86198f;
  --vpg-dim-value-border: #f5d0fe;
  --vpg-dim-calc-bg: #fdf2f8;
  --vpg-dim-calc-text: #9d174d;
  --vpg-dim-calc-border: #fbcfe8;
  --vpg-highlight-bg: #fef3c7;
  --vpg-highlight-text: #92400e;
  --vpg-highlight-border: #fde68a;
}

.vpg-data-grid.vpg-theme-violet-dark,
.vpg-pivot-config.vpg-theme-violet-dark,
.vpg-pivot-skeleton.vpg-theme-violet-dark,
.vpg-filter-dropdown.vpg-theme-violet-dark,
.vpg-modal-overlay.vpg-theme-violet-dark {
  --vpg-surface-bg: #1e1b4b;
  --vpg-surface-panel: #2e1065;
  --vpg-surface-elevated: #4c1d95;
  --vpg-surface-hover: #5b21b6;
  --vpg-surface-selected: #6d28d9;
  --vpg-surface-striped: #28245f;
  --vpg-text-primary: #ede9fe;
  --vpg-text-secondary: #c4b5fd;
  --vpg-text-muted: #a78bfa;
  --vpg-text-inverse: #1e1b4b;
  --vpg-border-default: #4c1d95;
  --vpg-border-strong: #5b21b6;
  --vpg-border-subtle: #2e1065;
  --vpg-accent: #a78bfa;
  --vpg-accent-hover: #c4b5fd;
  --vpg-accent-soft-bg: #4c1d95;
  --vpg-accent-soft-text: #ede9fe;
  --vpg-focus-ring: var(--vpg-accent);
  --vpg-state-error: #f87171;
  --vpg-state-warning: #fbbf24;
  --vpg-state-success: #34d399;
  --vpg-state-info: #38bdf8;
  --vpg-scrollbar-thumb: #5b21b6;
  --vpg-scrollbar-track: #2e1065;
  --vpg-dim-row-bg: #312e81;
  --vpg-dim-row-text: #c7d2fe;
  --vpg-dim-row-border: #4338ca;
  --vpg-dim-col-bg: #4c1d95;
  --vpg-dim-col-text: #ddd6fe;
  --vpg-dim-col-border: #5b21b6;
  --vpg-dim-value-bg: #701a75;
  --vpg-dim-value-text: #f5d0fe;
  --vpg-dim-value-border: #86198f;
  --vpg-dim-calc-bg: #831843;
  --vpg-dim-calc-text: #fbcfe8;
  --vpg-dim-calc-border: #9d174d;
  --vpg-highlight-bg: #451a03;
  --vpg-highlight-text: #fcd34d;
  --vpg-highlight-border: #92400e;
}

/* ==========================================================================
   Emerald (Fintech / finance — green)
   ========================================================================== */
.vpg-data-grid.vpg-theme-emerald,
.vpg-pivot-config.vpg-theme-emerald,
.vpg-pivot-skeleton.vpg-theme-emerald,
.vpg-filter-dropdown.vpg-theme-emerald,
.vpg-modal-overlay.vpg-theme-emerald {
  --vpg-surface-bg: #ffffff;
  --vpg-surface-panel: #ecfdf5;
  --vpg-surface-elevated: #ffffff;
  --vpg-surface-hover: #d1fae5;
  --vpg-surface-selected: #a7f3d0;
  --vpg-surface-striped: #f5fdf8;
  --vpg-text-primary: #022c22;
  --vpg-text-secondary: #047857;
  --vpg-text-muted: #10b981;
  --vpg-text-inverse: #ffffff;
  --vpg-border-default: #a7f3d0;
  --vpg-border-strong: #6ee7b7;
  --vpg-border-subtle: #d1fae5;
  --vpg-accent: #10b981;
  --vpg-accent-hover: #059669;
  --vpg-accent-soft-bg: #d1fae5;
  --vpg-accent-soft-text: #047857;
  --vpg-focus-ring: var(--vpg-accent);
  --vpg-state-error: #dc2626;
  --vpg-state-warning: #d97706;
  --vpg-state-success: #059669;
  --vpg-state-info: #0284c7;
  --vpg-scrollbar-thumb: #a7f3d0;
  --vpg-scrollbar-track: #ecfdf5;
  --vpg-dim-row-bg: #ecfdf5;
  --vpg-dim-row-text: #047857;
  --vpg-dim-row-border: #a7f3d0;
  --vpg-dim-col-bg: #f0fdfa;
  --vpg-dim-col-text: #0f766e;
  --vpg-dim-col-border: #99f6e4;
  --vpg-dim-value-bg: #f7fee7;
  --vpg-dim-value-text: #4d7c0f;
  --vpg-dim-value-border: #d9f99d;
  --vpg-dim-calc-bg: #ecfeff;
  --vpg-dim-calc-text: #0e7490;
  --vpg-dim-calc-border: #a5f3fc;
  --vpg-highlight-bg: #ffe4e6;
  --vpg-highlight-text: #be123c;
  --vpg-highlight-border: #fecdd3;
}

.vpg-data-grid.vpg-theme-emerald-dark,
.vpg-pivot-config.vpg-theme-emerald-dark,
.vpg-pivot-skeleton.vpg-theme-emerald-dark,
.vpg-filter-dropdown.vpg-theme-emerald-dark,
.vpg-modal-overlay.vpg-theme-emerald-dark {
  --vpg-surface-bg: #022c22;
  --vpg-surface-panel: #064e3b;
  --vpg-surface-elevated: #065f46;
  --vpg-surface-hover: #047857;
  --vpg-surface-selected: #059669;
  --vpg-surface-striped: #03372d;
  --vpg-text-primary: #d1fae5;
  --vpg-text-secondary: #6ee7b7;
  --vpg-text-muted: #34d399;
  --vpg-text-inverse: #022c22;
  --vpg-border-default: #065f46;
  --vpg-border-strong: #047857;
  --vpg-border-subtle: #064e3b;
  --vpg-accent: #34d399;
  --vpg-accent-hover: #6ee7b7;
  --vpg-accent-soft-bg: #065f46;
  --vpg-accent-soft-text: #a7f3d0;
  --vpg-focus-ring: var(--vpg-accent);
  --vpg-state-error: #f87171;
  --vpg-state-warning: #fbbf24;
  --vpg-state-success: #34d399;
  --vpg-state-info: #38bdf8;
  --vpg-scrollbar-thumb: #047857;
  --vpg-scrollbar-track: #064e3b;
  --vpg-dim-row-bg: #064e3b;
  --vpg-dim-row-text: #a7f3d0;
  --vpg-dim-row-border: #047857;
  --vpg-dim-col-bg: #134e4a;
  --vpg-dim-col-text: #99f6e4;
  --vpg-dim-col-border: #0f766e;
  --vpg-dim-value-bg: #365314;
  --vpg-dim-value-text: #d9f99d;
  --vpg-dim-value-border: #4d7c0f;
  --vpg-dim-calc-bg: #164e63;
  --vpg-dim-calc-text: #a5f3fc;
  --vpg-dim-calc-border: #155e75;
  --vpg-highlight-bg: #4c0519;
  --vpg-highlight-text: #fecdd3;
  --vpg-highlight-border: #9f1239;
}

/* ==========================================================================
   Sky (Productivity — clear blue)
   ========================================================================== */
.vpg-data-grid.vpg-theme-sky,
.vpg-pivot-config.vpg-theme-sky,
.vpg-pivot-skeleton.vpg-theme-sky,
.vpg-filter-dropdown.vpg-theme-sky,
.vpg-modal-overlay.vpg-theme-sky {
  --vpg-surface-bg: #ffffff;
  --vpg-surface-panel: #f0f9ff;
  --vpg-surface-elevated: #ffffff;
  --vpg-surface-hover: #e0f2fe;
  --vpg-surface-selected: #bae6fd;
  --vpg-surface-striped: #f7fbff;
  --vpg-text-primary: #0c1c2e;
  --vpg-text-secondary: #0369a1;
  --vpg-text-muted: #0ea5e9;
  --vpg-text-inverse: #ffffff;
  --vpg-border-default: #bae6fd;
  --vpg-border-strong: #7dd3fc;
  --vpg-border-subtle: #e0f2fe;
  --vpg-accent: #0ea5e9;
  --vpg-accent-hover: #0284c7;
  --vpg-accent-soft-bg: #e0f2fe;
  --vpg-accent-soft-text: #0369a1;
  --vpg-focus-ring: var(--vpg-accent);
  --vpg-state-error: #dc2626;
  --vpg-state-warning: #d97706;
  --vpg-state-success: #059669;
  --vpg-state-info: #0284c7;
  --vpg-scrollbar-thumb: #bae6fd;
  --vpg-scrollbar-track: #f0f9ff;
  --vpg-dim-row-bg: #f0f9ff;
  --vpg-dim-row-text: #075985;
  --vpg-dim-row-border: #bae6fd;
  --vpg-dim-col-bg: #eef2ff;
  --vpg-dim-col-text: #3730a3;
  --vpg-dim-col-border: #c7d2fe;
  --vpg-dim-value-bg: #ecfeff;
  --vpg-dim-value-text: #0e7490;
  --vpg-dim-value-border: #a5f3fc;
  --vpg-dim-calc-bg: #f5f3ff;
  --vpg-dim-calc-text: #6d28d9;
  --vpg-dim-calc-border: #ddd6fe;
  --vpg-highlight-bg: #fef3c7;
  --vpg-highlight-text: #92400e;
  --vpg-highlight-border: #fde68a;
}

.vpg-data-grid.vpg-theme-sky-dark,
.vpg-pivot-config.vpg-theme-sky-dark,
.vpg-pivot-skeleton.vpg-theme-sky-dark,
.vpg-filter-dropdown.vpg-theme-sky-dark,
.vpg-modal-overlay.vpg-theme-sky-dark {
  --vpg-surface-bg: #0c1c2e;
  --vpg-surface-panel: #0c4a6e;
  --vpg-surface-elevated: #075985;
  --vpg-surface-hover: #0369a1;
  --vpg-surface-selected: #0284c7;
  --vpg-surface-striped: #0f253c;
  --vpg-text-primary: #e0f2fe;
  --vpg-text-secondary: #7dd3fc;
  --vpg-text-muted: #38bdf8;
  --vpg-text-inverse: #0c1c2e;
  --vpg-border-default: #075985;
  --vpg-border-strong: #0369a1;
  --vpg-border-subtle: #0c4a6e;
  --vpg-accent: #38bdf8;
  --vpg-accent-hover: #7dd3fc;
  --vpg-accent-soft-bg: #075985;
  --vpg-accent-soft-text: #e0f2fe;
  --vpg-focus-ring: var(--vpg-accent);
  --vpg-state-error: #f87171;
  --vpg-state-warning: #fbbf24;
  --vpg-state-success: #34d399;
  --vpg-state-info: #38bdf8;
  --vpg-scrollbar-thumb: #0369a1;
  --vpg-scrollbar-track: #0c4a6e;
  --vpg-dim-row-bg: #0c4a6e;
  --vpg-dim-row-text: #bae6fd;
  --vpg-dim-row-border: #0369a1;
  --vpg-dim-col-bg: #312e81;
  --vpg-dim-col-text: #c7d2fe;
  --vpg-dim-col-border: #4338ca;
  --vpg-dim-value-bg: #164e63;
  --vpg-dim-value-text: #a5f3fc;
  --vpg-dim-value-border: #155e75;
  --vpg-dim-calc-bg: #4c1d95;
  --vpg-dim-calc-text: #ddd6fe;
  --vpg-dim-calc-border: #5b21b6;
  --vpg-highlight-bg: #451a03;
  --vpg-highlight-text: #fcd34d;
  --vpg-highlight-border: #92400e;
}

/* ==========================================================================
   Rose (Friendly / creator — warm pink)
   ========================================================================== */
.vpg-data-grid.vpg-theme-rose,
.vpg-pivot-config.vpg-theme-rose,
.vpg-pivot-skeleton.vpg-theme-rose,
.vpg-filter-dropdown.vpg-theme-rose,
.vpg-modal-overlay.vpg-theme-rose {
  --vpg-surface-bg: #ffffff;
  --vpg-surface-panel: #fff1f2;
  --vpg-surface-elevated: #ffffff;
  --vpg-surface-hover: #ffe4e6;
  --vpg-surface-selected: #fecdd3;
  --vpg-surface-striped: #fff7f8;
  --vpg-text-primary: #4c0519;
  --vpg-text-secondary: #be123c;
  --vpg-text-muted: #f43f5e;
  --vpg-text-inverse: #ffffff;
  --vpg-border-default: #fecdd3;
  --vpg-border-strong: #fda4af;
  --vpg-border-subtle: #ffe4e6;
  --vpg-accent: #f43f5e;
  --vpg-accent-hover: #e11d48;
  --vpg-accent-soft-bg: #ffe4e6;
  --vpg-accent-soft-text: #be123c;
  --vpg-focus-ring: var(--vpg-accent);
  --vpg-state-error: #dc2626;
  --vpg-state-warning: #d97706;
  --vpg-state-success: #059669;
  --vpg-state-info: #0284c7;
  --vpg-scrollbar-thumb: #fecdd3;
  --vpg-scrollbar-track: #fff1f2;
  --vpg-dim-row-bg: #fff1f2;
  --vpg-dim-row-text: #be123c;
  --vpg-dim-row-border: #fecdd3;
  --vpg-dim-col-bg: #fdf2f8;
  --vpg-dim-col-text: #9d174d;
  --vpg-dim-col-border: #fbcfe8;
  --vpg-dim-value-bg: #fef2f2;
  --vpg-dim-value-text: #b91c1c;
  --vpg-dim-value-border: #fecaca;
  --vpg-dim-calc-bg: #fff7ed;
  --vpg-dim-calc-text: #c2410c;
  --vpg-dim-calc-border: #fed7aa;
  --vpg-highlight-bg: #fef3c7;
  --vpg-highlight-text: #92400e;
  --vpg-highlight-border: #fde68a;
}

.vpg-data-grid.vpg-theme-rose-dark,
.vpg-pivot-config.vpg-theme-rose-dark,
.vpg-pivot-skeleton.vpg-theme-rose-dark,
.vpg-filter-dropdown.vpg-theme-rose-dark,
.vpg-modal-overlay.vpg-theme-rose-dark {
  --vpg-surface-bg: #1f1014;
  --vpg-surface-panel: #4c0519;
  --vpg-surface-elevated: #881337;
  --vpg-surface-hover: #9f1239;
  --vpg-surface-selected: #be123c;
  --vpg-surface-striped: #2a141a;
  --vpg-text-primary: #ffe4e6;
  --vpg-text-secondary: #fda4af;
  --vpg-text-muted: #fb7185;
  --vpg-text-inverse: #1f1014;
  --vpg-border-default: #881337;
  --vpg-border-strong: #9f1239;
  --vpg-border-subtle: #4c0519;
  --vpg-accent: #fb7185;
  --vpg-accent-hover: #fda4af;
  --vpg-accent-soft-bg: #881337;
  --vpg-accent-soft-text: #ffe4e6;
  --vpg-focus-ring: var(--vpg-accent);
  --vpg-state-error: #f87171;
  --vpg-state-warning: #fbbf24;
  --vpg-state-success: #34d399;
  --vpg-state-info: #38bdf8;
  --vpg-scrollbar-thumb: #9f1239;
  --vpg-scrollbar-track: #4c0519;
  --vpg-dim-row-bg: #4c0519;
  --vpg-dim-row-text: #fecdd3;
  --vpg-dim-row-border: #9f1239;
  --vpg-dim-col-bg: #500724;
  --vpg-dim-col-text: #fbcfe8;
  --vpg-dim-col-border: #9d174d;
  --vpg-dim-value-bg: #7f1d1d;
  --vpg-dim-value-text: #fecaca;
  --vpg-dim-value-border: #991b1b;
  --vpg-dim-calc-bg: #7c2d12;
  --vpg-dim-calc-text: #fed7aa;
  --vpg-dim-calc-border: #9a3412;
  --vpg-highlight-bg: #451a03;
  --vpg-highlight-text: #fcd34d;
  --vpg-highlight-border: #92400e;
}

/* ==========================================================================
   Amber (Energy / wellness — warm orange)
   ========================================================================== */
.vpg-data-grid.vpg-theme-amber,
.vpg-pivot-config.vpg-theme-amber,
.vpg-pivot-skeleton.vpg-theme-amber,
.vpg-filter-dropdown.vpg-theme-amber,
.vpg-modal-overlay.vpg-theme-amber {
  --vpg-surface-bg: #ffffff;
  --vpg-surface-panel: #fffbeb;
  --vpg-surface-elevated: #ffffff;
  --vpg-surface-hover: #fef3c7;
  --vpg-surface-selected: #fde68a;
  --vpg-surface-striped: #fffcf2;
  --vpg-text-primary: #1c1410;
  --vpg-text-secondary: #b45309;
  --vpg-text-muted: #d97706;
  --vpg-text-inverse: #ffffff;
  --vpg-border-default: #fde68a;
  --vpg-border-strong: #fcd34d;
  --vpg-border-subtle: #fef3c7;
  --vpg-accent: #f59e0b;
  --vpg-accent-hover: #d97706;
  --vpg-accent-soft-bg: #fef3c7;
  --vpg-accent-soft-text: #92400e;
  --vpg-focus-ring: var(--vpg-accent);
  --vpg-state-error: #dc2626;
  --vpg-state-warning: #d97706;
  --vpg-state-success: #059669;
  --vpg-state-info: #0284c7;
  --vpg-scrollbar-thumb: #fde68a;
  --vpg-scrollbar-track: #fffbeb;
  --vpg-dim-row-bg: #fffbeb;
  --vpg-dim-row-text: #92400e;
  --vpg-dim-row-border: #fde68a;
  --vpg-dim-col-bg: #fff7ed;
  --vpg-dim-col-text: #c2410c;
  --vpg-dim-col-border: #fed7aa;
  --vpg-dim-value-bg: #fefce8;
  --vpg-dim-value-text: #a16207;
  --vpg-dim-value-border: #fef08a;
  --vpg-dim-calc-bg: #fef2f2;
  --vpg-dim-calc-text: #b91c1c;
  --vpg-dim-calc-border: #fecaca;
  --vpg-highlight-bg: #eef2ff;
  --vpg-highlight-text: #3730a3;
  --vpg-highlight-border: #c7d2fe;
}

.vpg-data-grid.vpg-theme-amber-dark,
.vpg-pivot-config.vpg-theme-amber-dark,
.vpg-pivot-skeleton.vpg-theme-amber-dark,
.vpg-filter-dropdown.vpg-theme-amber-dark,
.vpg-modal-overlay.vpg-theme-amber-dark {
  --vpg-surface-bg: #1c1410;
  --vpg-surface-panel: #451a03;
  --vpg-surface-elevated: #78350f;
  --vpg-surface-hover: #92400e;
  --vpg-surface-selected: #b45309;
  --vpg-surface-striped: #261a13;
  --vpg-text-primary: #fef3c7;
  --vpg-text-secondary: #fcd34d;
  --vpg-text-muted: #fbbf24;
  --vpg-text-inverse: #1c1410;
  --vpg-border-default: #78350f;
  --vpg-border-strong: #92400e;
  --vpg-border-subtle: #451a03;
  --vpg-accent: #fbbf24;
  --vpg-accent-hover: #fcd34d;
  --vpg-accent-soft-bg: #78350f;
  --vpg-accent-soft-text: #fef3c7;
  --vpg-focus-ring: var(--vpg-accent);
  --vpg-state-error: #f87171;
  --vpg-state-warning: #fbbf24;
  --vpg-state-success: #34d399;
  --vpg-state-info: #38bdf8;
  --vpg-scrollbar-thumb: #92400e;
  --vpg-scrollbar-track: #451a03;
  --vpg-dim-row-bg: #451a03;
  --vpg-dim-row-text: #fde68a;
  --vpg-dim-row-border: #92400e;
  --vpg-dim-col-bg: #431407;
  --vpg-dim-col-text: #fed7aa;
  --vpg-dim-col-border: #9a3412;
  --vpg-dim-value-bg: #422006;
  --vpg-dim-value-text: #fef08a;
  --vpg-dim-value-border: #a16207;
  --vpg-dim-calc-bg: #450a0a;
  --vpg-dim-calc-text: #fecaca;
  --vpg-dim-calc-border: #7f1d1d;
  --vpg-highlight-bg: #312e81;
  --vpg-highlight-text: #c7d2fe;
  --vpg-highlight-border: #4338ca;
}

/* ==========================================================================
   Solar (Solarized-inspired — warm cream + dark teal)
   ========================================================================== */
.vpg-data-grid.vpg-theme-solar,
.vpg-pivot-config.vpg-theme-solar,
.vpg-pivot-skeleton.vpg-theme-solar,
.vpg-filter-dropdown.vpg-theme-solar,
.vpg-modal-overlay.vpg-theme-solar {
  --vpg-surface-bg: #fdf6e3;
  --vpg-surface-panel: #eee8d5;
  --vpg-surface-elevated: #fdf6e3;
  --vpg-surface-hover: #eee8d5;
  --vpg-surface-selected: #d3cba9;
  --vpg-surface-striped: #faf4dd;
  --vpg-text-primary: #073642;
  --vpg-text-secondary: #586e75;
  --vpg-text-muted: #93a1a1;
  --vpg-text-inverse: #fdf6e3;
  --vpg-border-default: #d3cba9;
  --vpg-border-strong: #93a1a1;
  --vpg-border-subtle: #eee8d5;
  --vpg-accent: #b58900;
  --vpg-accent-hover: #9c7706;
  --vpg-accent-soft-bg: #eee8d5;
  --vpg-accent-soft-text: #b58900;
  --vpg-focus-ring: var(--vpg-accent);
  --vpg-state-error: #dc322f;
  --vpg-state-warning: #cb4b16;
  --vpg-state-success: #859900;
  --vpg-state-info: #268bd2;
  --vpg-scrollbar-thumb: #d3cba9;
  --vpg-scrollbar-track: #eee8d5;
  --vpg-dim-row-bg: #faf0c8;
  --vpg-dim-row-text: #7c5d00;
  --vpg-dim-row-border: #e1d089;
  --vpg-dim-col-bg: #fce9d6;
  --vpg-dim-col-text: #92330e;
  --vpg-dim-col-border: #e5b08b;
  --vpg-dim-value-bg: #f0f7c8;
  --vpg-dim-value-text: #5c6900;
  --vpg-dim-value-border: #c0d088;
  --vpg-dim-calc-bg: #fbe2ef;
  --vpg-dim-calc-text: #8e1f54;
  --vpg-dim-calc-border: #e6a8c4;
  --vpg-highlight-bg: #d8ecf6;
  --vpg-highlight-text: #268bd2;
  --vpg-highlight-border: #a8d4ea;
}

.vpg-data-grid.vpg-theme-solar-dark,
.vpg-pivot-config.vpg-theme-solar-dark,
.vpg-pivot-skeleton.vpg-theme-solar-dark,
.vpg-filter-dropdown.vpg-theme-solar-dark,
.vpg-modal-overlay.vpg-theme-solar-dark {
  --vpg-surface-bg: #002b36;
  --vpg-surface-panel: #073642;
  --vpg-surface-elevated: #073642;
  --vpg-surface-hover: #073642;
  --vpg-surface-selected: #586e75;
  --vpg-surface-striped: #032f3a;
  --vpg-text-primary: #eee8d5;
  --vpg-text-secondary: #93a1a1;
  --vpg-text-muted: #586e75;
  --vpg-text-inverse: #002b36;
  --vpg-border-default: #073642;
  --vpg-border-strong: #586e75;
  --vpg-border-subtle: #002b36;
  --vpg-accent: #b58900;
  --vpg-accent-hover: #cb9d20;
  --vpg-accent-soft-bg: #073642;
  --vpg-accent-soft-text: #b58900;
  --vpg-focus-ring: var(--vpg-accent);
  --vpg-state-error: #dc322f;
  --vpg-state-warning: #cb4b16;
  --vpg-state-success: #859900;
  --vpg-state-info: #268bd2;
  --vpg-scrollbar-thumb: #586e75;
  --vpg-scrollbar-track: #073642;
  --vpg-dim-row-bg: #2a230a;
  --vpg-dim-row-text: #e1d089;
  --vpg-dim-row-border: #7c5d00;
  --vpg-dim-col-bg: #2a1108;
  --vpg-dim-col-text: #e5b08b;
  --vpg-dim-col-border: #92330e;
  --vpg-dim-value-bg: #1f2300;
  --vpg-dim-value-text: #c0d088;
  --vpg-dim-value-border: #5c6900;
  --vpg-dim-calc-bg: #2c0a1a;
  --vpg-dim-calc-text: #e6a8c4;
  --vpg-dim-calc-border: #8e1f54;
  --vpg-highlight-bg: #0a1f2a;
  --vpg-highlight-text: #268bd2;
  --vpg-highlight-border: #0f3854;
}

/* ==========================================================================
   Mono (Editorial — pure grayscale)
   ========================================================================== */
.vpg-data-grid.vpg-theme-mono,
.vpg-pivot-config.vpg-theme-mono,
.vpg-pivot-skeleton.vpg-theme-mono,
.vpg-filter-dropdown.vpg-theme-mono,
.vpg-modal-overlay.vpg-theme-mono {
  --vpg-surface-bg: #ffffff;
  --vpg-surface-panel: #f5f5f5;
  --vpg-surface-elevated: #ffffff;
  --vpg-surface-hover: #e5e5e5;
  --vpg-surface-selected: #d4d4d4;
  --vpg-surface-striped: #fafafa;
  --vpg-text-primary: #000000;
  --vpg-text-secondary: #404040;
  --vpg-text-muted: #737373;
  --vpg-text-inverse: #ffffff;
  --vpg-border-default: #d4d4d4;
  --vpg-border-strong: #a3a3a3;
  --vpg-border-subtle: #e5e5e5;
  --vpg-accent: #000000;
  --vpg-accent-hover: #171717;
  --vpg-accent-soft-bg: #e5e5e5;
  --vpg-accent-soft-text: #000000;
  --vpg-focus-ring: var(--vpg-accent);
  --vpg-state-error: #dc2626;
  --vpg-state-warning: #d97706;
  --vpg-state-success: #059669;
  --vpg-state-info: #0284c7;
  --vpg-scrollbar-thumb: #d4d4d4;
  --vpg-scrollbar-track: #f5f5f5;
  --vpg-dim-row-bg: #f1f5f9;
  --vpg-dim-row-text: #475569;
  --vpg-dim-row-border: #cbd5e1;
  --vpg-dim-col-bg: #f8fafc;
  --vpg-dim-col-text: #64748b;
  --vpg-dim-col-border: #e2e8f0;
  --vpg-dim-value-bg: #e2e8f0;
  --vpg-dim-value-text: #334155;
  --vpg-dim-value-border: #94a3b8;
  --vpg-dim-calc-bg: #cbd5e1;
  --vpg-dim-calc-text: #1e293b;
  --vpg-dim-calc-border: #64748b;
  --vpg-highlight-bg: #f1f5f9;
  --vpg-highlight-text: #475569;
  --vpg-highlight-border: #cbd5e1;
}

.vpg-data-grid.vpg-theme-mono-dark,
.vpg-pivot-config.vpg-theme-mono-dark,
.vpg-pivot-skeleton.vpg-theme-mono-dark,
.vpg-filter-dropdown.vpg-theme-mono-dark,
.vpg-modal-overlay.vpg-theme-mono-dark {
  --vpg-surface-bg: #000000;
  --vpg-surface-panel: #171717;
  --vpg-surface-elevated: #262626;
  --vpg-surface-hover: #262626;
  --vpg-surface-selected: #404040;
  --vpg-surface-striped: #0a0a0a;
  --vpg-text-primary: #ffffff;
  --vpg-text-secondary: #d4d4d4;
  --vpg-text-muted: #a3a3a3;
  --vpg-text-inverse: #000000;
  --vpg-border-default: #262626;
  --vpg-border-strong: #404040;
  --vpg-border-subtle: #171717;
  --vpg-accent: #ffffff;
  --vpg-accent-hover: #e5e5e5;
  --vpg-accent-soft-bg: #262626;
  --vpg-accent-soft-text: #ffffff;
  --vpg-focus-ring: var(--vpg-accent);
  --vpg-state-error: #f87171;
  --vpg-state-warning: #fbbf24;
  --vpg-state-success: #34d399;
  --vpg-state-info: #38bdf8;
  --vpg-scrollbar-thumb: #404040;
  --vpg-scrollbar-track: #171717;
  --vpg-dim-row-bg: #334155;
  --vpg-dim-row-text: #cbd5e1;
  --vpg-dim-row-border: #475569;
  --vpg-dim-col-bg: #1e293b;
  --vpg-dim-col-text: #94a3b8;
  --vpg-dim-col-border: #334155;
  --vpg-dim-value-bg: #0f172a;
  --vpg-dim-value-text: #e2e8f0;
  --vpg-dim-value-border: #475569;
  --vpg-dim-calc-bg: #0f172a;
  --vpg-dim-calc-text: #cbd5e1;
  --vpg-dim-calc-border: #334155;
  --vpg-highlight-bg: #334155;
  --vpg-highlight-text: #cbd5e1;
  --vpg-highlight-border: #475569;
}