:root {
  --mi-color-brand: #00714a;
  --mi-color-brand-strong: #005f3e;
  --mi-color-brand-soft: #eaf6f1;
  --mi-color-hero-title: #8cc63f;
  --mi-color-accent: #f29a5a;
  --mi-color-ink: #14231e;
  --mi-color-muted: #5e6d67;
  --mi-color-line: #dce5e1;
  --mi-color-surface: #ffffff;
  --mi-color-surface-soft: #f5f8f7;
  --mi-color-footer: #0e241d;
  --mi-font-sans: Inter, "Noto Sans KR", "Apple SD Gothic Neo", "Segoe UI", sans-serif;
  --mi-container: 1200px;
  --mi-header-height: 80px;
  --mi-space-1: 0.5rem;
  --mi-space-2: 0.75rem;
  --mi-space-3: 1rem;
  --mi-space-4: 1.5rem;
  --mi-space-5: 2rem;
  --mi-space-6: 3rem;
  --mi-space-7: 4.5rem;
  --mi-radius-sm: 10px;
  --mi-radius-md: 18px;
  --mi-radius-lg: 28px;
  --mi-shadow-sm: 0 8px 24px rgba(15, 43, 33, 0.08);
  --mi-shadow-md: 0 18px 55px rgba(15, 43, 33, 0.14);
  --mi-transition: 180ms ease;
}