/* Design Tokens for Magic Explorers LP Identity */
:root{
  --color-primary: #6B4AF6; /* Explorer Purple */
  --color-accent: #FFC84D;  /* Popcorn Yellow */
  --color-teal:   #21B6B6;  /* Support Teal */
  --ink-900: #1C1C1C;
  --ink-600: #5C5C5C;
  --ink-100: #F5F6FA;
  --white: #FFFFFF;

  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;

  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-6: 48px;
  --space-8: 64px;

  --shadow-1: 0 2px 8px rgba(16,24,40,.08);
  --container: 1200px;
}

/* Typography helpers */
.me-h1{ font-family: Rubik, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-weight: 700; font-size: clamp(34px, 5vw, 40px); line-height:1.2; }
.me-h2{ font-family: Rubik, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-weight: 600; font-size: clamp(26px, 3.8vw, 30px); line-height:1.25; }
.me-h3{ font-family: Rubik, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-weight: 600; font-size: clamp(22px, 3vw, 24px); line-height:1.3; }
.me-body{ font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-size: 16px; line-height:1.6; }

/* Color helpers */
.text-primary{ color: var(--color-primary); }
.text-muted{ color: var(--ink-600); }
.bg-light{ background: var(--ink-100); }
.bg-primary{ background: var(--color-primary); color:#fff; }
.border{ border:1px solid #E6E8F0; border-radius: var(--radius-lg); }

/* Section spacing */
.section-y{ padding-block: var(--space-8); }
.section-y-sm{ padding-block: var(--space-6); }
.container{ width: min(100%, var(--container)); margin-inline: auto; padding-inline: 20px; }
.grid-2{ display:grid; grid-template-columns: 1fr 1fr; gap: 24px; }
@media (max-width: 900px){ .grid-2{ grid-template-columns: 1fr; } }