/* Site-level brand override, loaded after devlab-theme's main.css via templates/base.html. */

:root,
:root[data-theme="light"] {
  --color-bg: #faf7f2;
  --color-surface: #f1ece2;
  --color-fg: #1a1917;
  --color-border: #e2dccf;
  --color-accent: #2a5a8a;
  --color-accent-contrast: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #1a1917;
    --color-surface: #232220;
    --color-fg: #e8e0d0;
    --color-border: #34322e;
    --color-accent: #6fa8d8;
    --color-accent-contrast: #1a1917;
  }
}

:root[data-theme="dark"] {
  --color-bg: #1a1917;
  --color-surface: #232220;
  --color-fg: #e8e0d0;
  --color-border: #34322e;
  --color-accent: #6fa8d8;
  --color-accent-contrast: #1a1917;
}

:root {
  --font-sans:
    ui-serif,
    Georgia,
    Cambria,
    "Times New Roman",
    Times,
    serif;
}

.docs-content p {
  font-size: var(--text-lg);
  line-height: var(--leading-body);
}