:root { --mma-yellow:        #fec009; --mma-yellow-hover:  #d4a005; --mma-navy:          #1a1a2e; --mma-black:         #1a1a1a; --mma-muted:         #6b7280; --mma-gray-bg:       #f4f4f4; --mma-border:        #e5e5e5; --mma-white:         #ffffff;  --mma-font-heading:  'Oswald', sans-serif; --mma-font-body:     'Inter', sans-serif; --mma-h1-size:       clamp(32px, 4vw, 48px);
--mma-h2-size:       clamp(24px, 3vw, 36px);
--mma-h3-size:       20px;
--mma-body-size:     16px;
--mma-muted-size:    14px;
--mma-btn-size:      16px;
--mma-eyebrow-size:  12px; --mma-container-max:        1210px; --mma-section-padding-y:    80px; --mma-section-padding-x:    20px;  --mma-btn-radius-pill:      999px;
--mma-btn-padding-pill:     14px 40px; --mma-btn-radius-rounded:   8px;
--mma-btn-padding-rounded:  12px 24px; --mma-card-radius:          8px;
--mma-card-padding:         32px 24px;
--mma-card-shadow:          0 2px 16px rgba(0, 0, 0, 0.08);
--mma-card-shadow-hover:    0 6px 28px rgba(0, 0, 0, 0.14); --mma-transition-fast:      150ms ease;
--mma-transition-normal:    200ms ease;
--mma-transition-slow:      350ms ease; --mma-shadow-sm:   0 1px 3px rgba(0, 0, 0, 0.08);
--mma-shadow-md:   0 2px 16px rgba(0, 0, 0, 0.08);
--mma-shadow-lg:   0 6px 28px rgba(0, 0, 0, 0.14);
--mma-shadow-xl:   0 10px 40px rgba(0, 0, 0, 0.18);
} @media (max-width: 768px) {
:root {
--mma-section-padding-y:   48px;
--mma-btn-padding-pill:    12px 24px;
--mma-btn-padding-rounded: 10px 16px;
}
}