/* Generated from DESIGN.md. Do not edit. */
:root {
    --color-primary: #6554c0;
    --color-primary-hover: #5140a7;
    --color-primary-soft: #f0edfb;
    --color-background: #f5f6fa;
    --color-surface: #ffffff;
    --color-ink: #25283d;
    --color-muted: #656d82;
    --color-line: #e4e6ef;
    --color-success: #23765d;
    --color-success-soft: #eaf5ef;
    --color-danger: #b33c53;
    --color-danger-soft: #fff0f2;
    --color-warning: #855316;
    --color-warning-soft: #fff6e9;
    --color-rank: #ad4966;
    --color-rank-soft: #fbebf0;
    --color-scroll-thumb: #a1a7ba;
    --color-scroll-hover: #747d96;
    --color-scroll-track: #eef0f6;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --space-unit: 4px;
    --space-control: 40px;
    --space-section: 24px;
    --space-sidebar: 224px;
    --font-sans: 'PingFang SC', 'Microsoft YaHei', system-ui, sans-serif;
    --text-sans: 14px;
    --leading-sans: 1.65;
    --font-display: 'Avenir Next', 'PingFang SC', 'Microsoft YaHei', sans-serif;
    --text-display: 30px;
    --leading-display: 1.3;
    --font-mono: 'SFMono-Regular', Consolas, monospace;
    --text-mono: 12px;
    --leading-mono: 1.6;
}