/* Kyvvu's orange accent with readable foregrounds in each appearance. */
[data-md-color-scheme="default"] {
    color-scheme: light;
    --kyvvu-background: #ffffff;
    --kyvvu-surface: #f5f5f2;
    --kyvvu-text: #20242d;
    --kyvvu-muted: #565f70;
    --kyvvu-border: #d4d8df;
    --kyvvu-accent: #994600;
}
[data-md-color-scheme="slate"] {
    color-scheme: dark;
    --kyvvu-background: #191c24;
    --kyvvu-surface: #242935;
    --kyvvu-text: #edf0f5;
    --kyvvu-muted: #b5bece;
    --kyvvu-border: #4b5568;
    --kyvvu-accent: #ffb477;
}
[data-md-color-scheme] {
    --md-default-bg-color: var(--kyvvu-background);
    --md-default-fg-color: var(--kyvvu-text);
    --md-default-fg-color--light: var(--kyvvu-muted);
    --md-code-bg-color: var(--kyvvu-surface);
    --md-code-fg-color: var(--kyvvu-text);
    --md-typeset-a-color: var(--kyvvu-accent);
    --md-primary-fg-color: var(--kyvvu-accent);
    --md-accent-fg-color: var(--kyvvu-accent);
    --md-mermaid-node-bg-color: var(--kyvvu-surface);
    --md-mermaid-node-fg-color: var(--kyvvu-accent);
    --md-mermaid-label-fg-color: var(--kyvvu-text);
    --md-mermaid-edge-color: var(--kyvvu-muted);
}
.md-header__button.md-logo { color: var(--kyvvu-accent); }
.md-typeset { line-height: 1.7; }
.md-typeset pre { border-radius: .3rem; }
.md-typeset a:focus-visible, .kyvvu-api-reference a:focus-visible {
    outline: 2px solid var(--kyvvu-accent);
    outline-offset: 3px;
}
.kyvvu-api-reference {
    margin: 0;
    background: var(--kyvvu-background);
    color: var(--kyvvu-text);
    font-family: system-ui, sans-serif;
}
.kyvvu-api-reference > nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    padding: .8rem 1.2rem;
    border-bottom: 1px solid var(--kyvvu-border);
}
.kyvvu-api-reference > nav > a { color: var(--kyvvu-accent); margin-right: auto; }
.kyvvu-appearance { display: flex; align-items: center; gap: .5rem; }
.kyvvu-api-reference select {
    font: inherit;
    color: var(--kyvvu-text);
    background: var(--kyvvu-surface);
    border: 1px solid var(--kyvvu-border);
    border-radius: .3rem;
    padding: .35rem;
}
.kyvvu-api-reference, .kyvvu-api-reference .light-mode, .kyvvu-api-reference .dark-mode {
    --scalar-font: system-ui, sans-serif;
    --scalar-font-code: ui-monospace, SFMono-Regular, Consolas, monospace;
    --scalar-background-1: var(--kyvvu-background);
    --scalar-background-2: var(--kyvvu-surface);
    --scalar-background-3: var(--kyvvu-surface);
    --scalar-color-1: var(--kyvvu-text);
    --scalar-color-2: var(--kyvvu-muted);
    --scalar-color-3: var(--kyvvu-muted);
    --scalar-color-accent: var(--kyvvu-accent);
    --scalar-border-color: var(--kyvvu-border);
}