:root {
    color-scheme: light;
    --color-brand-900: #173f36;
    --color-brand-800: #1e5146;
    --color-brand-700: #28695b;
    --color-brand-100: #e5f1ed;
    --color-accent-600: #bb6f2d;
    --color-accent-100: #fff0df;
    --color-ink-950: #16201d;
    --color-ink-800: #2d3935;
    --color-ink-600: #5a6863;
    --color-ink-400: #8b9692;
    --color-surface: #ffffff;
    --color-surface-muted: #f3f6f4;
    --color-border: #dbe3df;
    --color-info-700: #235779;
    --color-info-100: #e7f2f8;
    --color-warning-700: #80501f;
    --color-warning-100: #fff2dc;
    --color-success-700: #246444;
    --color-success-100: #e5f5ec;
    --shadow-small: 0 8px 24px rgba(22, 32, 29, 0.08);
    --shadow-medium: 0 18px 48px rgba(22, 32, 29, 0.12);
    --radius-small: 10px;
    --radius-medium: 16px;
    --radius-large: 24px;
    --sidebar-width: 272px;
    --header-height: 68px;
    --content-max-width: 1240px;
    --font-sans:
        "Noto Sans JP",
        "Hiragino Kaku Gothic ProN",
        "Yu Gothic",
        Meiryo,
        system-ui,
        sans-serif;
}