:root {
  /* Dynamic Light Theme Colors */
  --me-bg: #F8FAFC;          /* slate-50 background */
  --me-card-bg: #FFFFFF;     /* clean white */
  --me-card-alt: #F1F5F9;    /* slate-100 accent card contrast */
  --me-ink: #0F172A;         /* slate-900 typography ink */
  --me-accent: #059669;      /* emerald-600 healthy green */
  --me-accent-light: #ECFDF5;/* emerald-50 glow background */
  --me-border: #E2E8F0;      /* slate-200 secure borders */
  
  /* Selected Typography Pre-sets */
  --font-display: 'Nunito', sans-serif;
  --font-body: 'Poppins', sans-serif;
  
  /* Configurable Parameter Styles */
  --font-head-case: uppercase; /* Uppercase Headings configuration */
  --me-radius: 16px;           /* Soft (12-20px) border-radius parameter */
  --me-radius-pill: 999px;     /* Pill shape for accents */
  
  /* Deep Elevated Shadows Parameter */
  --me-shadow-depth: 0 10px 25px -5px rgba(15, 23, 42, 0.08), 0 8px 10px -6px rgba(15, 23, 42, 0.08);
}

/* Page Layout Defaults */
body {
  font-family: var(--font-body);
  background-color: var(--me-bg);
  color: var(--me-ink);
  -webkit-font-smoothing: antialiased;
}

/* Typography Overrides */
.me-font-head {
  font-family: var(--font-display);
  text-transform: var(--font-head-case);
}

.me-font-body {
  font-family: var(--font-body);
}

/* Custom Component Class Layouts and Scoping */
.me-outer-bound {
  max-width: 1140px; /* Custom container width configuration */
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  width: 100%;
}

/* Dynamic Boundary Radius Hooks */
.me-rounded {
  border-radius: var(--me-radius);
}

.me-rounded-pill {
  border-radius: var(--me-radius-pill);
}

/* Custom Shadow Depth Mechanics */
.me-shadow {
  box-shadow: var(--me-shadow-depth);
}

/* Layout Adaptations for Presets */
@media (min-width: 1024px) {
  .me-floating-cta-panel {
    position: sticky;
    bottom: 2rem;
    z-index: 30;
    transition: transform 0.2s ease-in-out;
  }
}

/* Sub-pixel tweaks for vector sharpness */
svg {
  display: inline-block;
  vertical-align: middle;
}

/* Accessibility settings for contrasting layers */
.me-header-global, .me-footer-global {
  border-bottom: 2px solid var(--me-accent);
}

.me-header-global .me-brand-text {
  letter-spacing: 0.15em;
}

/* Custom Micro-interactions */
.me-action-trigger {
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.me-action-trigger:hover {
  filter: brightness(1.1);
  transform: scale(1.02);
}

/* Responsive Scaling Overrides */
@media (max-width: 640px) {
  .me-font-head {
    letter-spacing: normal;
  }
}