/*
 * Theme: Momentum
 *
 * Energetic, modern. Angled section dividers.
 * Poppins + DM Sans. Pill buttons, gradient accents.
 * Suited for fitness, services with younger demographics.
 */

/* === Token Overrides === */

@layer theme {
  :root {
    --font-display:
      "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-body:
      "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --radius: 0.5rem;
    --radius-lg: 0.75rem;
    --transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  }

  /* === Component Overrides === */

  .hero {
    padding-bottom: var(--space-2xl);
  }

  .hero h1 {
    font-weight: 700;
  }

  .btn {
    border-radius: 2rem;
    padding: 1rem 2.5rem;
    font-size: 1.0625rem;
  }

  .btn--accent {
    background: linear-gradient(
      135deg,
      var(--color-accent),
      color-mix(in srgb, var(--color-accent) 80%, var(--color-primary))
    );
    border-color: transparent;
  }

  .btn--accent:hover {
    filter: brightness(1.1);
  }

  .section__eyebrow {
    font-weight: 700;
    font-size: 0.8rem;
  }

  .section__title {
    font-weight: 700;
  }

  .section--alt {
    position: relative;
  }

  .section--alt::before {
    content: "";
    position: absolute;
    top: -2rem;
    left: 0;
    right: 0;
    height: 4rem;
    background: inherit;
    transform: skewY(-1.5deg);
    transform-origin: top left;
    z-index: -1;
  }

  .trust-item__icon {
    border-radius: 0.75rem;
  }

  @media (max-width: 639px) {
    .section--alt::before {
      display: none;
    }
  }
} /* @layer theme */