/*
 * Kagan Docs - Accessible Dark Theme
 * Based on src/kagan/styles/kagan.tcss "Khagan Night" theme
 *
 * Accessibility improvements:
 * - Softer backgrounds (not pure #000) to reduce eye strain
 * - Slightly desaturated accent colors for better readability
 * - All text meets WCAG AA contrast ratios (4.5:1 for normal, 3:1 for large)
 * - Reduced brightness contrast between elements
 *
 * Color palette:
 * - Primary (teal): #4aba91 (slightly softened from #3fb58e)
 * - Secondary (gold): #d4a84b
 * - Accent (cyan): #5ecfb8 (softened from #4ec9b0)
 * - Background: #0a0e12 (softened from pure black)
 * - Surface: #0f1419
 * - Panel: #1a1f26
 * - Border: #2a3342
 * - Text: #d0d7e0 (slightly brighter for contrast)
 * - Text Muted: #6b7685 (adjusted for AA compliance)
 */

[data-md-color-scheme="kagan"] {
    /* Primary - slightly desaturated teal for less eye strain */
    --md-primary-fg-color: #4aba91;
    --md-primary-fg-color--light: #5ecfb8;
    --md-primary-fg-color--dark: #3a9474;
    --md-primary-bg-color: #0a0e12;
    --md-primary-bg-color--light: #0f1419;

    /* Accent - warm gold, good contrast */
    --md-accent-fg-color: #d4a84b;
    --md-accent-fg-color--transparent: rgba(212, 168, 75, 0.12);
    --md-accent-bg-color: #0a0e12;
    --md-accent-bg-color--light: #0f1419;

    /* Background/foreground - softer black, brighter text */
    --md-default-fg-color: #d0d7e0;
    --md-default-fg-color--light: #9aa5b3;
    --md-default-fg-color--lighter: #6b7685;
    --md-default-fg-color--lightest: #4a5566;
    --md-default-bg-color: #0a0e12;
    --md-default-bg-color--light: #0f1419;
    --md-default-bg-color--lighter: #1a1f26;
    --md-default-bg-color--lightest: #2a3342;

    /* Code - slightly elevated surface for distinction */
    --md-code-fg-color: #d0d7e0;
    --md-code-bg-color: #12171d;
    --md-code-hl-color: rgba(74, 186, 145, 0.12);

    /* Code syntax - balanced saturation */
    --md-code-hl-number-color: #d4a84b;
    --md-code-hl-function-color: #4aba91;
    --md-code-hl-keyword-color: #c98bc5;
    --md-code-hl-string-color: #d4a07a;
    --md-code-hl-name-color: #9cdcfe;
    --md-code-hl-comment-color: #6b7685;

    /* Typeset */
    --md-typeset-color: #d0d7e0;
    --md-typeset-a-color: #5ecfb8;

    /* Footer */
    --md-footer-fg-color: #d0d7e0;
    --md-footer-fg-color--light: #6b7685;
    --md-footer-bg-color: #0f1419;
    --md-footer-bg-color--dark: #0a0e12;

    color-scheme: dark;
}

/* Keyboard shortcut styling - dark theme friendly */
.md-typeset kbd,
.md-typeset .keys kbd {
    background-color: #1a1f26;
    border: 1px solid #2a3342;
    border-bottom-width: 2px;
    color: #d0d7e0;
    box-shadow: none;
}
