[data-skin=obsidian] {
  --k-color-primary: #3b82f6;
  --k-color-primary-rgb: 59 130 246;
  --k-color-accent: #67e8f9;
  --k-color-accent-solid: #0e7490;
  --k-surface-0: color-mix(in srgb, var(--k-n-900) 94%, #3b82f6 6%);
  --k-surface-1: color-mix(in srgb, var(--k-n-1000) 92%, #3b82f6 8%);
  --k-surface-2: color-mix(in srgb, var(--k-n-900) 90%, #3b82f6 10%);
  --k-surface-3: color-mix(in srgb, var(--k-n-1000) 88%, #3b82f6 12%);
  --k-surface-4: color-mix(in srgb, var(--k-n-1000) 84%, #3b82f6 16%);
  --k-app-bg: color-mix(in srgb, var(--k-surface-0) 85%, #3b82f6 15%);
  --k-sidebar-bg: color-mix(in srgb, var(--k-surface-1) 88%, #3b82f6 12%);
  --k-topbar-bg: var(--k-sidebar-bg);
  --k-card-bg: var(--k-surface-1);
  --k-card-panel-bg: color-mix(in srgb, var(--k-surface-2) 88%, #3b82f6 12%);
  --k-card-elevated-bg: color-mix(in srgb, var(--k-surface-3) 92%, #3b82f6 8%);
  --k-demobar-bg: color-mix(in srgb, var(--k-surface-1) 92%, #67e8f9 8%);
  --k-ctrl-bg: color-mix(in srgb, color-mix(in srgb, var(--k-surface-2) 92%, var(--k-text) 8%) 94%, #3b82f6 6%);
  --k-ctrl-active-bg: color-mix(in srgb, var(--k-surface-3) 94%, #3b82f6 6%);
}

[data-skin=obsidian][data-bs-theme=dark] {
  --k-surface-0: color-mix(in srgb, var(--k-n-0) 92%, #3b82f6 8%);
  --k-surface-1: color-mix(in srgb, var(--k-n-100) 90%, #3b82f6 10%);
  --k-surface-2: color-mix(in srgb, var(--k-n-50) 88%, #3b82f6 12%);
  --k-surface-3: color-mix(in srgb, var(--k-n-150) 86%, #3b82f6 14%);
  --k-surface-4: color-mix(in srgb, var(--k-n-200) 84%, #3b82f6 16%);
  --k-app-bg: color-mix(in srgb, var(--k-surface-0) 82%, #3b82f6 18%);
  --k-sidebar-bg: color-mix(in srgb, var(--k-surface-1) 88%, #3b82f6 12%);
  --k-topbar-bg: var(--k-sidebar-bg);
  --k-card-bg: var(--k-surface-1);
  --k-card-panel-bg: color-mix(in srgb, var(--k-surface-2) 86%, #3b82f6 14%);
  --k-card-elevated-bg: color-mix(in srgb, var(--k-surface-3) 88%, #3b82f6 12%);
  --k-demobar-bg: color-mix(in srgb, var(--k-surface-1) 88%, #67e8f9 12%);
  --k-ctrl-bg: color-mix(in srgb, color-mix(in srgb, var(--k-surface-2) 90%, #000 10%) 94%, #3b82f6 6%);
  --k-ctrl-active-bg: color-mix(in srgb, color-mix(in srgb, var(--k-surface-3) 90%, #000 10%) 90%, #3b82f6 10%);
}