:root {
  /* Core palette */
  --mg-deep-indigo: #1A1A2E;
  --mg-warm-gold: #C9A96E;
  --mg-soft-ivory: #F5F3EF;
  --mg-white: #FFFFFF;
  --mg-charcoal: #333333;
  --mg-muted-sand: #B8A88A;

  /* Functional */
  --mg-gold-hover: #B8963F;
  --mg-dark-surface: #1F1F32;
  --mg-border-light: #E8E8E8;
  --mg-border-dark: rgba(201, 169, 110, 0.2);
  --mg-success: #4CAF50;
  --mg-error: #E24B4A;
  --mg-whatsapp: #25D366;

  /* Semantic colors */
  --mg-color-bg-canvas: #1A1A2E;
  --mg-color-bg-surface: #1A1A2E;
  --mg-color-bg-elevated: #1F1F32;
  --mg-color-bg-elevated-strong: #25253A;
  --mg-color-bg-overlay: #2F2F47;
  --mg-color-bg-light: #F5F3EF;
  --mg-color-bg-white: #FFFFFF;
  --mg-color-text-primary: #FFFFFF;
  --mg-color-text-primary-dark: #333333;
  --mg-color-text-secondary: #B8A88A;
  --mg-color-text-muted: #999;
  --mg-color-text-muted-light: #666666;
  --mg-color-text-inverse: #1A1A2E;
  --mg-color-border-subtle: rgba(201, 169, 110, 0.2);
  --mg-color-border-strong: rgba(201, 169, 110, 0.5);
  --mg-color-action-primary-bg: #C9A96E;
  --mg-color-action-primary-bg-hover: #B8963F;
  --mg-color-action-primary-text: #1A1A2E;
  --mg-color-action-secondary-text: #C9A96E;
  --mg-color-action-secondary-border: rgba(201, 169, 110, 0.5);
  --mg-color-focus-ring: rgba(201, 169, 110, 0.45);
  --mg-color-danger: #E24B4A;

  /* Typography */
  --mg-font-headline: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --mg-font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mg-font-label: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --mg-type-display-lg-size: 3.5rem;
  --mg-type-display-lg-line: 1.1;
  --mg-type-display-md-size: 2.5rem;
  --mg-type-display-md-line: 1.15;
  --mg-type-heading-lg-size: 2rem;
  --mg-type-heading-lg-line: 1.2;
  --mg-type-heading-md-size: 1.5rem;
  --mg-type-heading-md-line: 1.25;
  --mg-type-body-lg-size: 1rem;
  --mg-type-body-lg-line: 1.7;
  --mg-type-body-md-size: 0.875rem;
  --mg-type-body-md-line: 1.6;
  --mg-type-label-sm-size: 0.75rem;
  --mg-type-label-sm-line: 1.4;

  /* Spacing (8px grid) */
  --mg-space-0: 0;
  --mg-space-1: 0.25rem;
  --mg-space-2: 0.5rem;
  --mg-space-3: 0.75rem;
  --mg-space-4: 1rem;
  --mg-space-5: 1.25rem;
  --mg-space-6: 1.5rem;
  --mg-space-8: 2rem;
  --mg-space-10: 2.5rem;
  --mg-space-11: 2.75rem;
  --mg-space-12: 3rem;
  --mg-space-16: 4rem;
  --mg-space-20: 5rem;

  /* Radius */
  --mg-radius-none: 0;
  --mg-radius-sm: 4px;
  --mg-radius-md: 4px;
  --mg-radius-lg: 8px;
  --mg-radius-pill: 999px;

  /* Shadows */
  --mg-shadow-none: none;
  --mg-shadow-ambient-sm: 0 2px 8px rgba(0, 0, 0, 0.1);
  --mg-shadow-ambient-md: 0 4px 16px rgba(0, 0, 0, 0.15);

  /* Z-index */
  --mg-z-base: 0;
  --mg-z-menu-bar: 90;
  --mg-z-header: 100;
  --mg-z-dropdown: 300;
  --mg-z-overlay: 1000;
  --mg-z-modal: 1100;
  --mg-z-toast: 1200;

  /* Containers */
  --mg-container-narrow: 42rem;
  --mg-container-content: 72rem;
  --mg-container-wide: 90rem;
  --mg-container-pad-mobile: 1.25rem;
  --mg-container-pad-desktop: 2.5rem;

  /* Motion */
  --mg-motion-duration-fast: 200ms;
  --mg-motion-duration-base: 300ms;
  --mg-motion-duration-slow: 600ms;
  --mg-motion-ease-standard: cubic-bezier(0.25, 0.1, 0.25, 1);
  --mg-motion-ease-reveal: cubic-bezier(0, 0, 0.2, 1);
  --mg-motion-hover-scale: 1.02;
  --mg-motion-reveal-translate-y: 20px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --mg-motion-duration-fast: 1ms;
    --mg-motion-duration-base: 1ms;
    --mg-motion-duration-slow: 1ms;
    --mg-motion-hover-scale: 1;
    --mg-motion-reveal-translate-y: 0;
  }
}