:root {
    color-scheme: light;
    --font-sans: "Manrope", "Segoe UI", system-ui, sans-serif;
    --font-display: "Manrope", "Segoe UI", system-ui, sans-serif;
    --bg: #f6f7f9; --bg-muted: #eef1f4; --surface: #fff; --surface-raised: #fff; --surface-subtle: #f9fafb;
    --ink: #18201c; --ink-soft: #657069; --ink-faint: #8c9690;
    --line: #e2e7e4; --line-strong: #cbd3ce;
    --accent: #176b4d; --accent-hover: #10573e; --accent-ink: #0e4b35; --accent-soft: #e7f5ee; --accent-softer: #f2faf6;
    --warm: #c96a32; --warm-soft: #fff2e9; --danger: #c23f3f; --danger-soft: #fff0ef; --success: #16825c;
    --warning: #a56712; --warning-soft: #fff7e8; --info: #3267a8;
    --shadow-xs: 0 1px 2px rgba(20,32,25,.05); --shadow-sm: 0 8px 24px rgba(20,32,25,.07); --shadow: 0 20px 55px rgba(20,32,25,.12);
    --radius-xs: 8px; --radius-sm: 12px; --radius: 16px; --radius-lg: 22px;
    --header-h: 64px; --sidebar-w: 300px; --mobile-nav-h: 72px; --content-max: 1240px;
    --bp-mobile: 767px; --bp-desktop: 1100px;
}
html[data-theme="dark"] {
    color-scheme: dark;
    --bg: #101512; --bg-muted: #171e1a; --surface: #19211d; --surface-raised: #202a25; --surface-subtle: #151c18;
    --ink: #f2f6f3; --ink-soft: #abb8b0; --ink-faint: #7f8e85; --line: #2e3a33; --line-strong: #435248;
    --accent: #65d4a6; --accent-hover: #83e2ba; --accent-ink: #9ceac9; --accent-soft: #183d2d; --accent-softer: #142a20;
    --warm: #f0a16f; --warm-soft: #40271b; --danger: #ff8983; --danger-soft: #402120; --success: #65d4a6;
    --warning: #f0bd6d; --warning-soft: #3c301d; --info: #8dbbfa;
    --shadow-xs: 0 1px 2px rgba(0,0,0,.22); --shadow-sm: 0 10px 28px rgba(0,0,0,.24); --shadow: 0 24px 64px rgba(0,0,0,.38);
}