/* Website-owned surface treatment, shared with sandboxed web previews. */
:root {
  --surface-page: color-mix(in srgb, var(--color-brand-50) 30%, white);
  --surface-page-dark: #0a0a0a;
  --surface-raised: #fff;
  --surface-raised-dark: #000;
  --surface-muted: #f5f5f5;
  --surface-muted-dark: #171717;
  --surface-code: #f5f5f5;
  --surface-code-dark: #171717;
  --text-strong: #171717;
  --text-strong-dark: #fafafa;
  --text-body: #525252;
  --text-body-dark: #a3a3a3;
  --text-muted: #666;
  --text-muted-dark: #a3a3a3;
  --border-subtle: #e5e5e5;
  --border-subtle-dark: #262626;
  --code-selection: var(--card);
  --code-accent-strength: 30%;
}

[data-theme="dark"] {
  --accent: var(--surface-muted-dark);
}

.cavemio-demo {
  --background: var(--card);
  background: var(--card);
}