:root {
    --ink: #1c2420;
    --ink-2: #44504a;
    --muted: #57625c;
    --paper: #f7f6f3;
    --surface: #ffffff;
    --surface-2: #f1f0ec;
    --line: #e7e5e0;
    --brand: #d96c4f;
    --brand-dark: #b7553d;
    --brand-soft: #f8ece7;
    --lime: #dce8e0;
    --navy: #244b3e;
    --green: #16865f;
    --green-soft: #e7f6ef;
    --red: #d94b56;
    --red-soft: #fcebed;
    --amber: #b87516;
    --amber-soft: #fff5de;
    --radius-sm: 8px;
    --radius: 12px;
    --radius-lg: 16px;
    --shadow-sm: 0 1px 2px rgba(28, 36, 32, .04);
    --shadow: 0 4px 16px rgba(28, 36, 32, .06);
    --shadow-lg: 0 12px 32px rgba(28, 36, 32, .12);
    --sidebar: 256px;
}