@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('../10-fonts/Montserrat-ExtraBold.woff2') format('woff2');
  font-display: swap;
}

:root {
  --dynamo-amber: #F5A623;
  --dynamo-charcoal: #191919;
  --dynamo-ivory: #F6F0E4;
  --dynamo-muted: #ACA79F;

  --dynamo-font-heading: 'Montserrat', sans-serif;
  --dynamo-font-heading-weight: 800;
  --dynamo-font-body: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;

  --dynamo-space-1: 4px;
  --dynamo-space-2: 8px;
  --dynamo-space-3: 12px;
  --dynamo-space-4: 16px;
  --dynamo-space-6: 24px;
  --dynamo-space-8: 32px;
  --dynamo-space-12: 48px;
  --dynamo-space-16: 64px;

  --dynamo-radius-control: 8px;
  --dynamo-radius-card: 16px;
}