:root {
  --ice: #f4f7fa;
  --surface-soft: #e9eef2;
  --surface-raised: #f8fafb;
  --surface-strong: #dbe3e8;
  --ink: #303942;
  --muted: rgba(48, 57, 66, 0.62);
  --quiet: rgba(48, 57, 66, 0.42);
  --border: rgba(48, 57, 66, 0.14);
  --brand: #8b99a4;
  --on-brand: #263039;
  --page-gutter: clamp(24px, 5.3vw, 82px);
  --mobile-gutter: 19px;
  --display-size: clamp(40px, 4.6vw, 68px);
  --mobile-display-size: clamp(37px, 11vw, 50px);
  --body-copy-size: 1.25rem;
  --card-radius: 5px;
  --media-columns: 0.86fr 1.14fr;
  --media-gap: 4px;
}