:root {
color-scheme: light dark;
--bg: #FFFFFF;
--bg-light: #F4F9F1;
--bg-surface: #FFFFFF;
--bg-elevated: #FFFFFF;
--bg-chrome: #EEF8E7;
--bg-page-end: #FFFFFF;
--text: #17261A;
--text-soft: #596859;
--accent: #2F7524;
--accent-hover: #206220;
--accent-muted: #D4EFBF;
--target-bg: #6DBE4538;
--sunset: #E89460;
--sky: #8FB2C8;
--pine: #206220;
--border: #D1DDCD;
--code-bg: #F4F9F1;
--code-bg-inline: #EAEFE4;
--input-bg: #FFFFFF;
--code-inline: #8F4A1B;
--code-link: #206220;
--code-keyword: #9C4A06;
--code-type: #0B5A73;
--code-string: #6B3FA0;
--code-comment: #596859;
--code-name: #17261A;
--code-func: #4A5560;
--code-class: #8A5A12;
--code-number: #A81A5E;
--code-operator: #A6432F;
--code-whitespace: #17261A26;
--code-success: #206220;
--bg-sidebar: #EEF8E7;
--bg-table-head: #E9F3E3;
--surface-hover: rgb(23 38 26 / 0.05);
--scrim: rgb(23 38 26 / 0.55);
--selection-bg: var(--accent-muted);
--selection-text: var(--text);
--radius-xs: 2px;
--radius-sm: 4px;
--radius-md: 8px;
--radius-full: 999px;
--radius-code: 6px;
--radius-block: 12px;
--shadow-soft: 0 2px 12px rgba(23, 38, 26, 0.06);
--shadow-modal: 0 1px 3px rgba(23, 38, 26, 0.12), 0 16px 48px rgba(23, 38, 26, 0.14);
--fade-shadow: rgba(23, 38, 26, 0.15);
--font-serif: "PT Serif", Georgia, "Times New Roman", serif;
--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
--font-mono: ui-monospace, "SF Mono", Consolas, "Courier New", monospace;
--fs-display: clamp(1.85rem, 4.5vw, 2.8rem);
--fs-page-title: clamp(1.6rem, 3.5vw, 2.2rem);
--fs-headline: 2.4rem;
--fs-title: 1.8rem;
--fs-subtitle: 1.4rem;
--fs-lead: 1.25rem;
--fs-body: 1rem;
--fs-ui: 0.875rem;
--fs-label: 0.75rem;
--lh-flat: 1;
--lh-heading: 1.35;
--lh-ui: 1.5;
--lh-prose: 1.7;
--focus-ring: 2px solid var(--accent);
--link-underline: color-mix(in srgb, currentColor 50%, transparent);
--header-h: 52px;
--scroll-offset: calc(var(--header-h) + 12px);
--ease-out: cubic-bezier(0.22, 1, 0.36, 1);
--warning: #A81824;
--warning-bg: #FED9D5;
--warning-bg1: #FDE9E7;
--danger: #7E1220;
--danger-bg: #FFCFCD;
--danger-bg1: #FFE4E3;
--info: #215D70;
--info-bg: #D4EEFB;
--info-bg1: #E7F5FC;
--attention: #805407;
--attention-bg: #FBE6B7;
--attention-bg1: #FCF0D3;
--tip: #206220;
--tip-bg: #DCF2D0;
--tip-bg1: #EAF7E3;
}
:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"] { color-scheme: dark; }
@supports (color: light-dark(#000, #fff)) {
:root {
--bg: light-dark(#FFFFFF, #161B26);
--bg-light: light-dark(#F4F9F1, #1F2532);
--bg-surface: light-dark(#FFFFFF, #1F2532);
--bg-elevated: light-dark(#FFFFFF, #2A3142);
--bg-chrome: light-dark(#EEF8E7, #161B26);
--bg-page-end: light-dark(#FFFFFF, #1F2532);
--text: light-dark(#17261A, #ECE2C9);
--text-soft: light-dark(#596859, #B5A88E);
--accent: light-dark(#2F7524, #7CBDFF);
--accent-hover: light-dark(#206220, #AED5FF);
--accent-muted: light-dark(#D4EFBF, #233A51);
--target-bg: light-dark(#6DBE4538, #7CBDFF2E);
--sunset: light-dark(#E89460, #F5A878);
--sky: light-dark(#8FB2C8, #6F8EA3);
--pine: light-dark(#206220, #8FB07A);
--border: light-dark(#D1DDCD, #3A4254);
--code-bg: light-dark(#F4F9F1, #12161E);
--code-bg-inline: light-dark(#EAEFE4, var(--code-bg));
--input-bg: light-dark(#FFFFFF, #1F2532);
--code-inline: light-dark(#8F4A1B, var(--sunset));
--code-link: light-dark(#206220, #7CBDFF);
--code-keyword: light-dark(#9C4A06, #FF9933);
--code-type: light-dark(#0B5A73, #66CCFF);
--code-string: light-dark(#6B3FA0, #D8A0FF);
--code-comment: light-dark(#596859, #8B949E);
--code-name: light-dark(#17261A, #E6EDF3);
--code-func: light-dark(#4A5560, #9AA0A8);
--code-class: light-dark(#8A5A12, #FFB86C);
--code-number: light-dark(#A81A5E, #FF6B9D);
--code-operator: light-dark(#A6432F, #D7796B);
--code-whitespace: light-dark(#17261A26, #FFF2);
--code-success: light-dark(#206220, #8FB07A);
--bg-sidebar: light-dark(#EEF8E7, #1A2030);
--bg-table-head: light-dark(#E9F3E3, #222A3A);
--surface-hover: light-dark(rgb(23 38 26 / 0.05), rgb(236 226 201 / 0.05));
--scrim: light-dark(rgb(23 38 26 / 0.55), rgb(8 10 14 / 0.72));
--shadow-soft: 0 2px 12px light-dark(rgba(23, 38, 26, 0.06), rgba(0, 0, 0, 0.35));
--shadow-modal: 0 1px 3px light-dark(rgba(23, 38, 26, 0.12), rgba(0, 0, 0, 0.45)),
0 16px 48px light-dark(rgba(23, 38, 26, 0.14), rgba(0, 0, 0, 0.5));
--fade-shadow: light-dark(rgba(23, 38, 26, 0.15), rgba(0, 0, 0, 0.35));
--selection-bg: light-dark(var(--accent-muted), var(--accent));
--selection-text: light-dark(var(--text), var(--bg));
--warning: light-dark(#A81824, #F46974);
--warning-bg: light-dark(#FED9D5, #E8404E33);
--warning-bg1: light-dark(#FDE9E7, #E8404E1A);
--danger: light-dark(#7E1220, #FF8A93);
--danger-bg: light-dark(#FFCFCD, #FF3B4733);
--danger-bg1: light-dark(#FFE4E3, #FF3B471A);
--info: light-dark(#215D70, #86C0DA);
--info-bg: light-dark(#D4EEFB, #5FA6C833);
--info-bg1: light-dark(#E7F5FC, #5FA6C81A);
--attention: light-dark(#805407, #F0C05A);
--attention-bg: light-dark(#FBE6B7, #E8B34A33);
--attention-bg1: light-dark(#FCF0D3, #E8B34A1A);
--tip: light-dark(#206220, #8FB07A);
--tip-bg: light-dark(#DCF2D0, #8FB07A33);
--tip-bg1: light-dark(#EAF7E3, #8FB07A1A);
}
}