:root {
  /* Brand */
  --ma-red-700: #a8272d;
  --ma-red-600: #b83237;
  --ma-red-500: #ef3038;
  --ma-red-100: #fde8e8;
  --ma-graphite-900: #2f2b2d;
  --ma-graphite-700: #474143;
  --ma-cream-50: #fffaf0;
  --ma-lime-400: #d9f36a;
  --ma-white: #ffffff;

  /* Semantic tokens */
  --ma-bg: var(--ma-cream-50);
  --ma-surface: var(--ma-white);
  --ma-text: var(--ma-graphite-900);
  --ma-text-muted: #6e6669;
  --ma-brand: var(--ma-red-600);
  --ma-brand-hover: var(--ma-red-700);
  --ma-highlight: var(--ma-lime-400);
  --ma-border: rgba(47, 43, 45, 0.16);

  /* Typography */
  --ma-font-display: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  --ma-font-body: Inter, Arial, Helvetica, sans-serif;
  --ma-font-accent: "Segoe Print", "Bradley Hand", cursive;
  --ma-text-xs: 0.75rem;
  --ma-text-sm: 0.875rem;
  --ma-text-md: 1rem;
  --ma-text-lg: clamp(1.125rem, 1.4vw, 1.375rem);
  --ma-text-xl: clamp(2rem, 5vw, 4rem);
  --ma-text-hero: clamp(3.8rem, 10vw, 8.5rem);

  /* Layout */
  --ma-space-1: 0.25rem;
  --ma-space-2: 0.5rem;
  --ma-space-3: 0.75rem;
  --ma-space-4: 1rem;
  --ma-space-6: 1.5rem;
  --ma-space-8: 2rem;
  --ma-space-12: 3rem;
  --ma-space-16: 4rem;
  --ma-radius-sm: 0.5rem;
  --ma-radius-md: 1rem;
  --ma-radius-pill: 999px;
  --ma-shadow: 0 16px 40px rgba(47, 43, 45, 0.12);
  --ma-container: 72rem;
}

.ma-container { width: min(100% - 2rem, var(--ma-container)); margin-inline: auto; }
.ma-section { padding-block: clamp(3.5rem, 8vw, 7rem); }
.ma-eyebrow { color: var(--ma-brand); font: 800 var(--ma-text-sm)/1 var(--ma-font-body); letter-spacing: .12em; text-transform: uppercase; }
.ma-display { margin: 0; font: 400 var(--ma-text-hero)/.84 var(--ma-font-display); letter-spacing: -.025em; text-transform: uppercase; }
.ma-accent { font-family: var(--ma-font-accent); font-weight: 700; color: var(--ma-brand); }
.ma-button { display: inline-flex; align-items: center; justify-content: center; min-height: 3rem; padding: .75rem 1.25rem; border: 2px solid transparent; border-radius: var(--ma-radius-pill); font: 800 var(--ma-text-sm)/1 var(--ma-font-body); text-decoration: none; text-transform: uppercase; letter-spacing: .04em; cursor: pointer; }
.ma-button--primary { color: var(--ma-white); background: var(--ma-brand); }
.ma-button--primary:hover { background: var(--ma-brand-hover); transform: translateY(-1px); }
.ma-button--secondary { color: var(--ma-text); background: transparent; border-color: currentColor; }
.ma-button:focus-visible { outline: 3px solid var(--ma-highlight); outline-offset: 3px; }
.ma-card { padding: var(--ma-space-6); background: var(--ma-surface); border: 1px solid var(--ma-border); border-radius: var(--ma-radius-md); box-shadow: var(--ma-shadow); }

@media (max-width: 40rem) {
  .ma-container { width: min(100% - 1.5rem, var(--ma-container)); }
  .ma-button { width: 100%; }
}

@media (prefers-reduced-motion: no-preference) {
  .ma-button { transition: transform 160ms ease, background-color 160ms ease; }
}