:root {
    --bg-0:        #1b1f23;
    --bg-1:        #23282d;
    --bg-2:        #2c3237;
    --bg-3:        #353b41;
    --line:        #3d444b;
    --line-strong: #4a5159;
    --ink:         #e8ebee;
    --ink-mute:    #9aa3ac;
    --ink-soft:    #6c757e;
    --accent:      #2b7fff;
    --accent-hi:   #4a93ff;
    --accent-ink:  #ffffff;
    --good:        #5fbf8a;
    --warn:        #f5c451;

    --font-sans:   'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-mono:   'Geist Mono', ui-monospace, 'SFMono-Regular', monospace;

    --radius-sm:   6px;
    --radius-md:   10px;
    --radius-lg:   14px;
    --radius-xl:   16px;

    --max-width:   1240px;
    --page-pad:    32px;
}

@media (max-width: 720px) {
    :root { --page-pad: 18px; }
}