/* Code surface defaults. Override per dialect/theme if desired. */
:root {
  --code-bg: color-mix(in srgb, var(--crusher-text-primary) 5%, transparent);
  --code-fg: var(--crusher-text-primary);
  --code-border: var(--crusher-border-primary);
  --code-pill-bg: color-mix(in srgb, var(--crusher-text-primary) 8%, transparent);
  --code-pill-fg: var(--crusher-text-secondary);

  /* tokens */
  --code-token-comment: var(--crusher-code-token-comment);
  --code-token-punc: var(--crusher-code-token-punc);
  --code-token-kw: var(--crusher-code-token-keyword);
  --code-token-op: var(--crusher-code-token-operator);
  --code-token-num: var(--crusher-code-token-number);
  --code-token-str: var(--crusher-code-token-string);
  --code-token-fn: var(--crusher-code-token-function);
  --code-token-bool: var(--crusher-code-token-boolean);
  --code-token-class: var(--crusher-code-token-class);
}

html[data-mode="dark"] {
  --code-bg: color-mix(in srgb, var(--crusher-text-primary) 12%, transparent);
  --code-pill-bg: color-mix(in srgb, var(--crusher-text-primary) 16%, transparent);
}