/* Keywords: sample custom theme, dark red palette, css overrides */
:root {
  --bg: oklch(22% 0.06 15);
  --fg: oklch(93% 0.04 20);
  --muted: oklch(28% 0.04 15);
  --muted-fg: oklch(78% 0.03 20);
  --border: oklch(35% 0.04 15);

  --primary: oklch(65% 0.18 25);
  --primary-fg: oklch(18% 0 0);
  --secondary: color-mix(in oklab, var(--bg) 65%, white 35%);
  --secondary-fg: var(--fg);

  --ring: color-mix(in oklab, var(--primary) 70%, black);
  --card: color-mix(in oklab, var(--bg) 90%, black 10%);
  --card-fg: var(--fg);
  --popover: color-mix(in oklab, var(--bg) 85%, black 15%);
  --popover-fg: var(--fg);

  --input-bg: color-mix(in oklab, var(--bg) 85%, black 15%);
  --input-fg: var(--fg);
  --input-border: var(--border);

  --hover: color-mix(in oklab, var(--fg) 12%, var(--bg));
  --active: color-mix(in oklab, var(--fg) 24%, var(--bg));
  --scrollbar-track: color-mix(in oklab, var(--bg) 75%, var(--fg) 25%);
  --scrollbar-thumb: color-mix(in oklab, var(--fg) 45%, var(--bg) 55%);

  --accent-color: oklch(70% 0.15 30);
  --modal-bg: color-mix(in oklab, var(--bg) 65%, black 35%);
  --modal-backdrop-bg: color-mix(in oklab, var(--primary) 30%, black 70%);

  color-scheme: dark;
}

body {
  background: radial-gradient(circle at 20% 20%, #360308, transparent 40%), #120204;
  color: var(--fg);
}

button.primary,
:is(.primary, .pill, .cta) {
  background: linear-gradient(120deg, #ff4d4d, #ff7a7a);
  border: 1px solid #ff9b9b;
  color: #1b0000;
}

.sidebar,
.sidebar * {
  --card: color-mix(in oklab, var(--bg) 92%, black 8%);
}

.kanban-column,
.kanban-column .column-header {
  background: color-mix(in oklab, var(--bg) 70%, #44030a 30%);
  border-color: #5a0c17;
}

.kanban-card {
  background: color-mix(in oklab, var(--card) 80%, #2f0106 20%);
  border-color: #9e1f37;
}

.navbar,
.nav-bar,
.top-bar {
  background: color-mix(in oklab, #1a0002 70%, #55000b 30%);
  border-bottom: 1px solid color-mix(in oklab, #ff4050 30%, transparent);
}

a {
  color: color-mix(in oklab, #ffc2c2 80%, #ff6b6b 20%);
}

code,
pre {
  background: #2e0508;
}