:root {
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --brand: oklch(0.68 0.16 255);
  --brand-contrast: oklch(0.98 0.01 255);
  --bg: oklch(0.99 0.01 255);
  --card: oklch(0.98 0.01 255);
  --muted: oklch(0.92 0.02 255);
  --line: oklch(0.86 0.02 255);
  --fg: oklch(0.18 0.02 255);
  --bg-d: oklch(0.15 0.02 255);
  --card-d: oklch(0.19 0.02 255);
  --muted-d: oklch(0.27 0.02 255);
  --line-d: oklch(0.32 0.02 255);
  --fg-d: oklch(0.93 0.01 255);
  --code-bg: oklch(0.13 0.02 255);
  --code-fg: oklch(0.94 0.01 255);

  --background: var(--bg);
  --foreground: var(--fg);
  --surface: var(--card);
  --border: var(--line);
}

:root[data-md-color-scheme="slate"] {
  --background: var(--bg-d);
  --foreground: var(--fg-d);
  --surface: var(--card-d);
  --border: var(--line-d);
}