// Sample Sass (indented syntax) — samplefiles.com
@use "sass:color"

$ink: #191919
$accent: #a24c2a
$radius: 8px

@mixin card-base($pad: 16px)
  padding: $pad
  border: 1px solid rgba($ink, 0.15)
  border-radius: $radius

.customer-card
  @include card-base(20px)
  color: $ink

  &__name
    font-weight: 600

  &--vip
    border-color: $accent

    .badge
      color: color.adjust($accent, $lightness: -10%)
      background: color.mix($accent, white, 12%)

  @media (max-width: 600px)
    padding: 12px