// Sass breakpoints + shared patterns

$bp-laptop: 1100px;
$bp-tablet: 900px;
$bp-mobile: 600px;

@mixin bp($max) {
  @media (max-width: $max) {
    @content;
  }
}

// Monospaced label — font-family, size, tracking, uppercase
@mixin mono-label($size: 11px, $tracking: 0.25em) {
  font-family: var(--font-mono);
  font-size: $size;
  letter-spacing: $tracking;
  text-transform: uppercase;
}

// Display type — font-family, size, italic, weight
@mixin display-italic($size, $weight: 400) {
  font-family: var(--font-display);
  font-size: $size;
  font-style: italic;
  font-weight: $weight;
}
