:root {
  --canopy:#203849;
  --cream:#edf2f5;
  --coral:#ff593d;
  --lime:#a8c0d2;
  --blue:#7393b3;
  --ink:#1d3444;
  --muted:#60788a;
  --line:#d8e1e8;
  --soft:#f7f8fa;
  --paper:#ffffff;
  --space-1:8px;
  --space-2:16px;
  --space-3:24px;
  --space-4:32px;
  --space-5:40px;
  --space-6:48px;
  --space-8:64px;
  --text-body:16px;
  --line-body:24px;
  --text-small:12px;
  --line-small:16px;
  --text-h4:24px;
  --line-h4:32px;
  --text-h3:32px;
  --line-h3:40px;
  --text-h2:40px;
  --line-h2:48px;
  --text-h1:48px;
  --line-h1:56px;
  --radius-control:8px;
  --radius-panel:16px;
  --control-height:48px;
  --content-max:1200px;
}