[data-color-theme='primary'].dark {
  --color-neutral-50: #f5f5f5;
  --color-neutral-100: #ebebeb;
  --color-neutral-200: #d6d6d6;
  --color-neutral-300: #bcbcbc;
  --color-neutral-400: #a1a1a1;
  --color-neutral-500: #858585;
  --color-neutral-600: #6b6b6b;
  --color-neutral-700: #525252;
  --color-neutral-800: #2b2b2b;
  --color-neutral-900: #212121;
  --color-neutral-950: #1d1d1d;

  --color-brand-default: var(--color-violet-500);
  --color-brand-subtle: var(--color-violet-50);
  --color-brand-emphasis: var(--color-violet-600);
  --color-brand-text: var(--color-white);

  --color-brand-accent: var(--color-violet-500);
  --color-brand-accent-subtle: var(--color-violet-50);
  --color-brand-accent-emphasis: var(--color-violet-600);
  --color-brand-accent-text: var(--color-white);

  --color-brand-highlight: var(--color-violet-50);
  --color-brand-highlight-subtle: var(--color-violet-50);
  --color-brand-highlight-emphasis: var(--color-violet-600);
  --color-brand-highlight-text: var(--color-violet-500);

  --color-brand-complement: var(--color-blue-600);
  --color-brand-complement-subtle: var(--color-blue-50);
  --color-brand-complement-emphasis: var(--color-blue-600);
  --color-brand-complement-text: var(--color-white);

  /* Surfaces */
  --color-bg-default: var(--color-neutral-950);
  --color-bg-emphasized: var(--color-neutral-700);
  --color-bg-emphasis: var(--color-white);
  --color-bg-overlay: rgb(0 0 0 / 0.7);
  --color-bg-panel: var(--color-neutral-900);
  --color-bg-elevated: var(--color-neutral-800);
  --color-bg-disabled: var(--color-neutral-900);
  --color-bg-inverted-hover: rgb(0 0 0 / 0.1);

  /* Text */
  --color-text-default: var(--color-neutral-50);
  --color-text-subtle: var(--color-neutral-400);
  --color-text-muted: var(--color-neutral-600);
  --color-text-inverted: var(--color-neutral-900);
  --color-text-link: var(--color-blue-600);
  --color-text-disabled: var(--color-neutral-600);

  /* Borders */
  --color-border-default: var(--color-neutral-800);
  --color-border-subtle: var(--color-neutral-900);
  --color-border-emphasis: var(--color-neutral-600);
  --color-border-disabled: var(--color-neutral-800);
  --color-border-inverted: var(--color-neutral-300);

  /* Neutral */
  --color-neutral: var(--color-neutral-400);
  --color-neutral-subtle: var(--color-neutral-900);
  --color-neutral-emphasis: var(--color-neutral-200);
  --color-neutral-fg: var(--color-neutral-300);
  --color-neutral-border: var(--color-neutral-700);
  --color-neutral-hover: var(--color-neutral-300);

  /* Status */
  --color-success: var(--color-green-500);
  --color-success-subtle: var(--color-green-950);
  --color-success-emphasis: var(--color-green-400);
  --color-success-fg: var(--color-green-400);
  --color-success-border: var(--color-green-600);
  --color-success-hover: var(--color-green-400);

  --color-warning: var(--color-amber-400);
  --color-warning-subtle: var(--color-amber-950);
  --color-warning-emphasis: var(--color-amber-300);
  --color-warning-fg: var(--color-amber-300);
  --color-warning-border: var(--color-amber-500);
  --color-warning-hover: var(--color-amber-300);

  --color-danger: var(--color-red-500);
  --color-danger-subtle: var(--color-red-950);
  --color-danger-emphasis: var(--color-red-400);
  --color-danger-fg: var(--color-red-400);
  --color-danger-border: var(--color-red-600);
  --color-danger-hover: var(--color-red-400);

  --color-info: var(--color-blue-500);
  --color-info-subtle: var(--color-blue-950);
  --color-info-emphasis: var(--color-blue-400);
  --color-info-fg: var(--color-blue-400);
  --color-info-border: var(--color-blue-600);
  --color-info-hover: var(--color-blue-400);

  /* Interactive */
  --color-focus-ring: var(--color-violet-500);
  --color-selection: var(--color-violet-100);

  /* Shadows */
  --shadow-glass-value: inset 0 0 0 1px rgba(255, 255, 255, 0.15);
}