:root {
  --green-700:#0e6e4b;--green-600:#17815c;--green-100:#e7f4ee;
  --blue-700:#1b4f91;--blue-600:#2867b2;--blue-100:#eaf2fb;
  --red-700:#c1272d;--red-100:#fbeaec;--amber-700:#8a5b00;--amber-100:#fff4d6;
  --ink:#17233a;--muted:#667085;--line:#dfe4ea;--surface:#fff;--canvas:#f5f7fa;
  --shadow:0 12px 30px rgba(23,35,58,.08);--radius:16px;--radius-sm:10px;
  --s1:.5rem;--s2:1rem;--s3:1.5rem;--s4:2rem;--s5:3rem;
  --sidebar:260px;--header:72px;
}