/* Shared xnano theme, palette, typography, and scale tokens. */
:root {
    --xnano-prose-size: 16px;
    --xnano-code-size: 13px;
    --xnano-navigation-size: 14px;
    --xnano-context7-text-size: 14px;
    --xnano-context7-input-size: 16px;
    --xnano-context7-code-size: 13px;
    --xnano-context7-text-small: 12px;
    --xnano-context7-input-small: 14px;
    --xnano-context7-code-small: 11px;
    --xnano-context7-text-medium: 14px;
    --xnano-context7-input-medium: 16px;
    --xnano-context7-code-medium: 13px;
    --xnano-context7-text-large: 16px;
    --xnano-context7-input-large: 18px;
    --xnano-context7-code-large: 15px;
    --xnano-context7-text-auto-compact: 13px;
    --xnano-context7-input-auto-compact: 15px;
    --xnano-context7-code-auto-compact: 12px;
    --xnano-context7-text-auto-wide: 15px;
    --xnano-context7-input-auto-wide: 17px;
    --xnano-context7-code-auto-wide: 14px;
    --md-code-font: "Google Sans Code", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
:root[data-xnano-size="small"] {
    --xnano-prose-size: 14px; --xnano-code-size: 12px; --xnano-navigation-size: 13px;
    --xnano-context7-text-size: var(--xnano-context7-text-small); --xnano-context7-input-size: var(--xnano-context7-input-small); --xnano-context7-code-size: var(--xnano-context7-code-small);
}
:root[data-xnano-size="medium"] {
    --xnano-prose-size: 16px; --xnano-code-size: 13px; --xnano-navigation-size: 14px;
    --xnano-context7-text-size: var(--xnano-context7-text-medium); --xnano-context7-input-size: var(--xnano-context7-input-medium); --xnano-context7-code-size: var(--xnano-context7-code-medium);
}
:root[data-xnano-size="large"] {
    --xnano-prose-size: 18px; --xnano-code-size: 15px; --xnano-navigation-size: 16px;
    --xnano-context7-text-size: var(--xnano-context7-text-large); --xnano-context7-input-size: var(--xnano-context7-input-large); --xnano-context7-code-size: var(--xnano-context7-code-large);
}
@media (max-width: 700px), (orientation: portrait) and (max-width: 900px) {
    :root[data-xnano-size="auto"] {
        --xnano-prose-size: 15px; --xnano-code-size: 12px; --xnano-navigation-size: 13px;
        --xnano-context7-text-size: var(--xnano-context7-text-auto-compact); --xnano-context7-input-size: var(--xnano-context7-input-auto-compact); --xnano-context7-code-size: var(--xnano-context7-code-auto-compact);
    }
}
@media (min-width: 1600px) and (orientation: landscape) {
    :root[data-xnano-size="auto"] {
        --xnano-prose-size: 17px; --xnano-code-size: 14px; --xnano-navigation-size: 15px;
        --xnano-context7-text-size: var(--xnano-context7-text-auto-wide); --xnano-context7-input-size: var(--xnano-context7-input-auto-wide); --xnano-context7-code-size: var(--xnano-context7-code-auto-wide);
    }
}

[data-md-color-scheme="default"] {
    --md-default-bg-color: #f4f4ed; --md-primary-bg-color: #343b50;
    --md-footer-bg-color: #f3f1eb; --md-footer-bg-color--dark: #f3f1eb;
    --xnano-accent: #5e6f96; --xnano-accent-bright: #7588b6; --xnano-accent-soft: #e1e5ef;
    --xnano-accent-border: #8995b2; --xnano-accent-ink: #343b50; --xnano-accent-shadow: #5e6f9633;
    --md-accent-fg-color: var(--xnano-accent); --md-accent-bg-color: var(--xnano-accent-soft);
    --xnano-c7-background: #f4f4ed; --xnano-c7-background-raised: #e9e9e2; --xnano-c7-muted: #666b78;
    /* Syntax palette */
    --xn-code-bg: #eeecdf;
    --xn-code-fg: #383a42;
    --xn-code-line-highlight: #e4e2d4;
    --xn-code-error: #a61b1b;
    --xn-code-filename-bg: #eeecdf;

    --xn-code-comment: #6b7280;
    --xn-code-keyword: #756d93;
    --xn-code-decorator: #6879a0;
    --xn-code-namespace: #383a42;
    --xn-code-class: #c18401;
    --xn-code-builtin: #537f88;
    --xn-code-function: #62769e;
    --xn-code-string: #50a14f;
    --xn-code-number: #986801;
    --xn-code-constant: #986801;
    --xn-code-self: #c18401;
    --xn-code-operator: #383a42;
    --xn-code-punctuation: #4a4d56;
}
[data-md-color-scheme="slate"] {
    --md-default-bg-color: #141414; --md-primary-bg-color: #dedcd1; --md-primary-fg-color: #dedcd1;
    --md-footer-bg-color: #0e1014; --md-footer-bg-color--dark: #0e1014;
    --xnano-accent: #b2c0df; --xnano-accent-bright: #c6d0e9; --xnano-accent-soft: #1B1B1B;
    --xnano-accent-border: #212121; --xnano-accent-ink: #e0e5f0; --xnano-accent-shadow: #8295bd33;
    --md-accent-bg-color: var(--xnano-accent-soft); --md-accent-fg-color: var(--xnano-accent);
    --xnano-c7-background: #141414; --xnano-c7-background-raised: #1b1b1b; --xnano-c7-muted: #9c9b94;
    /* Syntax palette */
    --xn-code-bg: #1e2028;
    --xn-code-fg: #abb2bf;
    --xn-code-line-highlight: #262a33;
    --xn-code-error: #ff8080;
    --xn-code-filename-bg: #1e2028;

    --xn-code-comment: #5c6370;
    --xn-code-keyword: #c4badb;
    --xn-code-decorator: #b4c2df;
    --xn-code-namespace: #abb2bf;
    --xn-code-class: #e5c07b;
    --xn-code-builtin: #91c0c5;
    --xn-code-function: #afc2e3;
    --xn-code-string: #98c379;
    --xn-code-number: #d19a66;
    --xn-code-constant: #d19a66;
    --xn-code-self: #e5c07b;
    --xn-code-operator: #abb2bf;
    --xn-code-punctuation: #8b909a;
}
:root[data-xnano-style="serif"] {
    --md-code-font: "Google Sans Code", monospace;
}
:root[data-xnano-style="serif"] body[data-md-color-scheme="default"] {
    --xnano-accent: #bd5b58; --xnano-accent-bright: #d96f55; --xnano-accent-soft: #f3c49e;
    --xnano-accent-border: #704653; --xnano-accent-ink: #4c3040; --xnano-accent-shadow: #70465366;
    --xnano-serif-on-accent: #fff7df; --xnano-serif-yellow: #f2b84b; --xnano-serif-pink: #df7f91; --xnano-serif-plum: #7d4964;
    --md-accent-fg-color: var(--xnano-accent); --md-accent-bg-color: var(--xnano-accent-soft);
    --xnano-c7-background: #fff3d8; --xnano-c7-background-raised: #f3c49e; --xnano-c7-muted: #76525d;
}
:root[data-xnano-style="serif"] body[data-md-color-scheme="slate"] {
    --xnano-accent: #ef8e73; --xnano-accent-bright: #f4ae79; --xnano-accent-soft: #4a2933;
    --xnano-accent-border: #9a5965; --xnano-accent-ink: #ffe1c2; --xnano-accent-shadow: #2a1720;
    --xnano-serif-on-accent: #2b1b24; --xnano-serif-yellow: #c88c38; --xnano-serif-pink: #a9556f; --xnano-serif-plum: #69374f;
    --md-accent-fg-color: var(--xnano-accent); --md-accent-bg-color: var(--xnano-accent-soft);
    --xnano-c7-background: #21181d; --xnano-c7-background-raised: #4a2933; --xnano-c7-muted: #d09a91;
}
:root[data-xnano-style="modern"] body[data-md-color-scheme="default"] {
    --xnano-accent: #527978; --xnano-accent-bright: #679291; --xnano-accent-soft: #dce8e5;
    --xnano-accent-border: #84a5a2; --xnano-accent-ink: #304a49; --xnano-accent-shadow: #52797833;
    --md-accent-fg-color: var(--xnano-accent); --md-accent-bg-color: var(--xnano-accent-soft); --xnano-c7-muted: #587270;
}
:root[data-xnano-style="modern"] body[data-md-color-scheme="slate"] {
    --xnano-accent: #9bc7c3; --xnano-accent-bright: #b6d9d5; --xnano-accent-soft: #172120;
    --xnano-accent-border: #263c3a; --xnano-accent-ink: #d7ece9; --xnano-accent-shadow: #72aaa533;
    --md-accent-fg-color: var(--xnano-accent); --md-accent-bg-color: var(--xnano-accent-soft); --xnano-c7-muted: #91aaa7;
}