@layer base {
  [data-theme="oled"] {
    --color-bg-default: oklch(0% 0 0);
    --color-bg-surface: oklch(12% 0.005 260);
    --color-bg-elevated: oklch(18% 0.005 260);
    --color-fg-default: oklch(98% 0 0);
    --color-fg-muted: oklch(75% 0 0);
    --color-border-subtle: oklch(24% 0.005 260);

    --color-neutral: var(--color-fg-default);
    --color-primary: var(--color-accent);
    --color-success: color-mix(in oklch, var(--color-success-500) 80%, var(--color-fg-default));
    --color-warning: color-mix(in oklch, var(--color-warning-500) 85%, var(--color-fg-default));
    --color-danger: color-mix(in oklch, var(--color-danger-500) 80%, var(--color-fg-default));
    --color-info: color-mix(in oklch, var(--color-info-500) 80%, var(--color-fg-default));

    --color-neutral-subtle: color-mix(in oklch, var(--color-border-subtle) 34%, var(--color-bg-surface));
    --color-primary-subtle: color-mix(in oklch, var(--color-primary) 16%, var(--color-bg-surface));
    --color-success-subtle: color-mix(in oklch, var(--color-success) 16%, var(--color-bg-surface));
    --color-warning-subtle: color-mix(in oklch, var(--color-warning) 16%, var(--color-bg-surface));
    --color-danger-subtle: color-mix(in oklch, var(--color-danger) 16%, var(--color-bg-surface));
    --color-info-subtle: color-mix(in oklch, var(--color-info) 14%, var(--color-bg-surface));

    /* Chart palette — brighter lightness for contrast against dark bg. */
    --color-chart-1: oklch(72% 0.15 262);
    --color-chart-2: oklch(72% 0.15 170);
    --color-chart-3: oklch(76% 0.14 45);
    --color-chart-4: oklch(72% 0.16 340);
    --color-chart-5: oklch(70% 0.16 290);
    --color-chart-6: oklch(82% 0.13 90);
    --color-chart-7: oklch(70% 0.17 25);
    --color-chart-8: oklch(74% 0.13 220);
  }
}