/* Design tokens — metamask.io/en-GB/card (layout-measurements.json) */

:root {
  --green: #baf24a;
  --green-dark: #013330;
  --green-light: #e5ffc3;
  --green-mid: #d0f987;
  --blue-light: #cce7ff;
  --purple-light: #eac2ff;
  --black: #0a0a0a;
  --white: #ffffff;
  --gray: #5c5c5c;
  --gray-mid: #a1a8b7;
  --gray-border: #e9edf6;
  --font: "MMEuclidCircularB", system-ui, sans-serif;
  --spring-ease: cubic-bezier(0.4, 1.35, 0.5, 0.97);

  --page-pad: 1.6rem;
  --pad: var(--page-pad);
  --wrap: 1320px;

  --card-w: min(32rem, 82vw);
  --card-gap: 1.2rem;
  --card-radius: 0.8rem;
  --card-aspect: 388 / 506;

  --header-sticky-top: 1.2rem;
  --header-offset: 0px;

  --type-hero: clamp(4.8rem, 12vw, 6.4rem);
  --type-h2: clamp(2.4rem, 2.6vw + 1.2rem, 4.8rem);
  --type-h3: 2rem;
  --type-body: 2rem;
  --type-body-sm: 1.5rem;
  --type-caption: 1.2rem;
}

@media (min-width: 768px) {
  :root {
    --page-pad: 2.4rem;
    --card-w: 34.5rem;
    --card-gap: 1.6rem;
    --card-radius: 1rem;
    --type-hero: clamp(5.9rem, 8.68vw, 12.5rem);
  }
}

@media (min-width: 1440px) {
  :root {
    --card-w: 38.8rem;
    --type-hero: 12.5rem;
  }
}