:root {
    color-scheme: light dark;

    --color-canvas: light-dark(#f5f7fa, #161b21);
    --color-surface: light-dark(#ffffff, #1c232b);
    --color-surface-raised: light-dark(#ffffff, #232c36);
    --color-row: light-dark(#ecf3f7, #1f2832);
    --color-row-alt: light-dark(#e1ebf2, #1a222b);
    --color-header: light-dark(#0076b1, #0a4b72);
    --color-header-end: light-dark(#12a3eb, #13689a);
    --color-header-text: light-dark(#ffffff, #f1f6fa);
    --color-navbar: light-dark(#cadceb, #24323f);
    --color-panel: light-dark(#ecf1f3, #1f2730);
    --color-text: light-dark(#333333, #d5dce4);
    --color-text-muted: light-dark(#4c5d77, #97a6b8);
    --color-text-inverse: light-dark(#ffffff, #161b21);
    --color-border: light-dark(#cadceb, #2d3b49);
    --color-border-strong: light-dark(#b4bac0, #3e4c5a);
    --color-border-row: light-dark(#ffffff, #161b21);
    --color-rule: light-dark(#b8c7d4, #334250);
    --color-link: light-dark(#105289, #82bbe8);
    --color-link-hover: light-dark(#d31141, #f47b92);
    --color-accent: light-dark(#4692bf, #3b80ae);
    --color-accent-text: light-dark(#ffffff, #ffffff);
    --color-accent-hover: light-dark(#368ad2, #4a91c2);
    --color-action: light-dark(#d31141, #f47b92);
    --color-button: light-dark(#ffffff, #2b3743);
    --color-button-end: light-dark(#e9e9e9, #232d38);
    --color-danger: light-dark(#bc2a4d, #c0435f);
    --color-danger-text: light-dark(#ffffff, #ffffff);
    --color-danger-hover: light-dark(#a0213f, #d15670);
    --color-notice-info-bg: light-dark(#e1ebf2, #1b2f42);
    --color-notice-info-text: light-dark(#105289, #bcd8f0);
    --color-notice-success-bg: light-dark(#e4f3d6, #1d3121);
    --color-notice-success-text: light-dark(#234212, #c3e3b5);
    --color-notice-warning-bg: light-dark(#fcf5dc, #373017);
    --color-notice-warning-text: light-dark(#6b5210, #eedc9e);
    --color-notice-error-bg: light-dark(#f9e5e8, #3c1e26);
    --color-notice-error-text: light-dark(#a0213f, #f4c3cd);
    --color-quote: light-dark(#ebeadd, #272b2b);
    --color-quote-nested: light-dark(#efeed9, #2d3231);
    --color-quote-border: light-dark(#dbdbce, #3b403d);
    --color-code-bg: light-dark(#ffffff, #141a20);
    --color-code-border: light-dark(#c9d2d8, #2d3b49);
    --color-code-rule: light-dark(#cccccc, #334250);
    --color-code-text: light-dark(#2e8b57, #72cc98);
    --color-focus: light-dark(#105289, #82bbe8);
    --color-overlay: light-dark(rgb(16 40 64 / 60%), rgb(4 8 12 / 72%));

    --font-family-body: Verdana, Helvetica, Arial, sans-serif;
    --font-family-heading: "Trebuchet MS", Helvetica, Arial, sans-serif;
    --font-family-code: Monaco, "Andale Mono", "Courier New", Courier, monospace;
    --font-family-subheading: Arial, Helvetica, sans-serif;
    --font-size-ribbon-compact: 0.34375rem;
    --font-size-ribbon: 0.5rem;
    --font-size-caption: 0.625rem;
    --font-size-subheading: 0.65625rem;
    --font-size-small: 0.6875rem;
    --font-size-body: 0.8125rem;
    --font-size-quote: 0.77rem;
    --font-size-code: 0.73rem;
    --font-size-lead: 0.875rem;
    --font-size-heading: 1rem;
    --font-size-title: 1.25rem;
    --font-weight-body: 400;
    --font-weight-strong: 700;
    --line-height-body: 1.45;
    --line-height-code: 1.3;
    --line-height-tight: 1.2;

    --space-none: 0;
    --space-half: 0.125rem;
    --space-quote: 0.3125rem;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;

    --radius-small: 0.1875rem;
    --radius-control: 0.25rem;
    --radius-panel: 0.4375rem;
    --radius-round: 50%;

    --border-width: 1px;
    --border-width-strong: 2px;
    --border-width-focus: 2px;
    --shadow-panel: 0 0.125rem 0.375rem light-dark(rgb(16 40 64 / 18%), rgb(0 0 0 / 45%));

    --size-full: 100%;
    --size-page: 74rem;
    --size-control: 1.625rem;
    --size-icon: 1rem;
    --size-row-icon: 2rem;
    --size-avatar: 5rem;
    --size-profile: 12.5rem;
    --size-post-main: 18rem;
    --size-forum-main: 16rem;
    --size-forum-meta: 8rem;
    --size-forum-count: 6rem;
    --size-forum-last: 16rem;
    --size-jump-menu: 16rem;
    --size-label: 14rem;
    --size-subject: 20rem;
    --size-posting-label: 10.5rem;
    --size-login-label: 10.3125rem;
    --size-ribbon: 3rem;
    --size-ribbon-compact: 2.125rem;
    --size-search: 10rem;
    --size-dropdown: 12rem;
    --size-dialog: 24rem;
    --size-editor: 16rem;
    --size-quick-reply: 9rem;
    --size-review: 18.75rem;
    --size-quote-indent: 1.5625rem;
    --size-quote-indent-nested: 0.9375rem;
    --size-code-max: 12.5rem;
    --size-clip: 50%;
}

:root:where([data-color-scheme="light"]) {
    color-scheme: light;
}

:root:where([data-color-scheme="dark"]) {
    color-scheme: dark;
}

@media print {
    :root {
        color-scheme: light;
    }
}