:root {
  /* LIGHT Theme Color Scheme */
  --mm-canvas-bg: #F9FAFB;
  --mm-surface-card: #FFFFFF;
  --mm-surface-alternate: #F3F4F6;
  
  --mm-primary-brand: #0284C7;       /* Dynamic Sky Blue */
  --mm-primary-brand-hover: #0369A1;
  --mm-accent-alert: #F59E0B;        /* Warm Amber */
  
  --mm-text-main: #1E293B;           /* Deep Slate Slate-800 */
  --mm-text-muted: #64748B;          /* Muted Slate-500 */
  --mm-border-color: #E2E8F0;        /* Slate-200 */
  
  /* Fonts */
  --font-display: 'Nunito', sans-serif;
  --font-body: 'Poppins', sans-serif;
  
  /* Configuration parameters */
  --mm-max-width: 1120px;            /* Random container-width between 960px & 1380px */
  --mm-radius: 14px;                 /* Soft border-radius style */
  --mm-shadow: 0 10px 15px -3px rgba(148, 163, 184, 0.12), 0 4px 6px -2px rgba(148, 163, 184, 0.05); /* Raised shadow depth */
  --mm-heading-case: uppercase;      /* Heading case randomizer */
}

/* Base Adjustments */
body {
  font-family: var(--font-body);
  background-color: var(--mm-canvas-bg);
  color: var(--mm-text-main);
  margin: 0;
  padding: 0;
}

/* Custom CSS Price Tag Shape */
.mm-price-tag {
  display: inline-block;
  background-color: var(--mm-primary-brand);
  color: #FFFFFF;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 1.75rem;
  padding: 8px 16px 8px 24px;
  border-radius: 0 var(--mm-radius) var(--mm-radius) 0;
  position: relative;
  clip-path: polygon(10px 0%, 100% 0%, 100% 100%, 10px 100%, 0% 50%);
  box-shadow: var(--mm-shadow);
}

.mm-price-text {
  margin-left: 4px;
}

/* Responsive adjustments for Sticky Media Column */
@media (min-width: 1024px) {
  .mm-sticky-media {
    position: sticky;
    top: 6rem;
    align-self: flex-start;
  }
}

/* Decorative grid pattern tweak */
.mm-stage-wrap::after {
  content: "";
  clear: both;
  display: table;
}