/* =========================
   COLOR CSS VARIABLES
   Auto-generated from ColorSync module
   Last updated: 2026-01-14 17:34:46
   ========================= */

:root {

  /* =========================
     BASE BRAND COLORS
     ========================= */

  --mg-color-primary: var(--e-global-color-primary, var(--mg-color-primary-fallback));
  --mg-color-secondary: var(--e-global-color-secondary, var(--mg-color-secondary-fallback));
  --mg-color-accent: var(--e-global-color-accent, var(--mg-color-accent-fallback));
  --mg-color-text: var(--e-global-color-text, var(--mg-color-text-fallback));

  /* neutral variants */
  --mg-color-neutral-white: #ffffff;
  --mg-color-neutral-50: #e8e8e8;
  --mg-color-neutral-100: #d1d1d1;
  --mg-color-neutral-200: #bababa;
  --mg-color-neutral-300: #a3a3a3;
  --mg-color-neutral-400: #8c8c8c;
  --mg-color-neutral-500: #737373;
  --mg-color-neutral-600: #5c5c5c;
  --mg-color-neutral-700: #454545;
  --mg-color-neutral-800: #2e2e2e;
  --mg-color-neutral-900: #171717;
  --mg-color-neutral-black: #000000;

  /* primary variants */
  --mg-color-primary-lightest: #dfdbdc;
  --mg-color-primary-lighter: #a4999c;
  --mg-color-primary-light: #665a5d;
  --mg-color-primary-dark: #211d1e;
  --mg-color-primary-darker: #1b1819;
  --mg-color-primary-darkest: #1b1819;
  --mg-on-primary: #ffffff;

  /* secondary variants */
  --mg-color-secondary-lightest: #caf8dc;
  --mg-color-secondary-lighter: #6eec9e;
  --mg-color-secondary-light: #1cd663;
  --mg-color-secondary-dark: #0d632e;
  --mg-color-secondary-darker: #0a4c23;
  --mg-color-secondary-darkest: #073518;
  --mg-on-secondary: #ffffff;

  /* accent variants */
  --mg-color-accent-lightest: #fce5d3;
  --mg-color-accent-lighter: #f7c198;
  --mg-color-accent-light: #f39d5c;
  --mg-color-accent-dark: #be5b0e;
  --mg-color-accent-darker: #813d0a;
  --mg-color-accent-darkest: #442005;
  --mg-on-accent: #ffffff;

  /* text variants */
  --mg-on-text: #ffffff;

  /* =========================
     NEUTRAL COLORS
     ========================= */

  --mg-neutral-white: #ffffff;
  --mg-color-neutral-white: #ffffff;
  --mg-neutral-50: #e8e8e8;
  --mg-color-neutral-50: #e8e8e8;
  --mg-neutral-100: #d1d1d1;
  --mg-color-neutral-100: #d1d1d1;
  --mg-neutral-200: #bababa;
  --mg-color-neutral-200: #bababa;
  --mg-neutral-300: #a3a3a3;
  --mg-color-neutral-300: #a3a3a3;
  --mg-neutral-400: #8c8c8c;
  --mg-color-neutral-400: #8c8c8c;
  --mg-neutral-500: #737373;
  --mg-color-neutral-500: #737373;
  --mg-neutral-600: #5c5c5c;
  --mg-color-neutral-600: #5c5c5c;
  --mg-neutral-700: #454545;
  --mg-color-neutral-700: #454545;
  --mg-neutral-800: #2e2e2e;
  --mg-color-neutral-800: #2e2e2e;
  --mg-neutral-900: #171717;
  --mg-color-neutral-900: #171717;
  --mg-neutral-black: #000000;
  --mg-color-neutral-black: #000000;

  /* Text color */
  --mg-color-text: #231f20;
  --mg-color-border: var(--mg-neutral-300);

}

/* =========================
   COLOR UTILITY CLASSES
   Auto-generated from ColorSync module
   Brand: mg
   ========================= */

/* primary utilities */
body.mg-design-system :where(.mg-text-primary){ color: var(--mg-color-primary); }
body.mg-design-system :where(.mg-bg-primary){ background-color: var(--mg-color-primary); }

/* primary variants */
body.mg-design-system :where(.mg-text-primary-lightest){ color: var(--mg-color-primary-lightest); }
body.mg-design-system :where(.mg-bg-primary-lightest){ background-color: var(--mg-color-primary-lightest); }
body.mg-design-system :where(.mg-text-primary-lighter){ color: var(--mg-color-primary-lighter); }
body.mg-design-system :where(.mg-bg-primary-lighter){ background-color: var(--mg-color-primary-lighter); }
body.mg-design-system :where(.mg-text-primary-light){ color: var(--mg-color-primary-light); }
body.mg-design-system :where(.mg-bg-primary-light){ background-color: var(--mg-color-primary-light); }
body.mg-design-system :where(.mg-text-primary-dark){ color: var(--mg-color-primary-dark); }
body.mg-design-system :where(.mg-bg-primary-dark){ background-color: var(--mg-color-primary-dark); }
body.mg-design-system :where(.mg-text-primary-darker){ color: var(--mg-color-primary-darker); }
body.mg-design-system :where(.mg-bg-primary-darker){ background-color: var(--mg-color-primary-darker); }
body.mg-design-system :where(.mg-text-primary-darkest){ color: var(--mg-color-primary-darkest); }
body.mg-design-system :where(.mg-bg-primary-darkest){ background-color: var(--mg-color-primary-darkest); }

/* secondary utilities */
body.mg-design-system :where(.mg-text-secondary){ color: var(--mg-color-secondary); }
body.mg-design-system :where(.mg-bg-secondary){ background-color: var(--mg-color-secondary); }

/* secondary variants */
body.mg-design-system :where(.mg-text-secondary-lightest){ color: var(--mg-color-secondary-lightest); }
body.mg-design-system :where(.mg-bg-secondary-lightest){ background-color: var(--mg-color-secondary-lightest); }
body.mg-design-system :where(.mg-text-secondary-lighter){ color: var(--mg-color-secondary-lighter); }
body.mg-design-system :where(.mg-bg-secondary-lighter){ background-color: var(--mg-color-secondary-lighter); }
body.mg-design-system :where(.mg-text-secondary-light){ color: var(--mg-color-secondary-light); }
body.mg-design-system :where(.mg-bg-secondary-light){ background-color: var(--mg-color-secondary-light); }
body.mg-design-system :where(.mg-text-secondary-dark){ color: var(--mg-color-secondary-dark); }
body.mg-design-system :where(.mg-bg-secondary-dark){ background-color: var(--mg-color-secondary-dark); }
body.mg-design-system :where(.mg-text-secondary-darker){ color: var(--mg-color-secondary-darker); }
body.mg-design-system :where(.mg-bg-secondary-darker){ background-color: var(--mg-color-secondary-darker); }
body.mg-design-system :where(.mg-text-secondary-darkest){ color: var(--mg-color-secondary-darkest); }
body.mg-design-system :where(.mg-bg-secondary-darkest){ background-color: var(--mg-color-secondary-darkest); }

/* accent utilities */
body.mg-design-system :where(.mg-text-accent){ color: var(--mg-color-accent); }
body.mg-design-system :where(.mg-bg-accent){ background-color: var(--mg-color-accent); }

/* accent variants */
body.mg-design-system :where(.mg-text-accent-lightest){ color: var(--mg-color-accent-lightest); }
body.mg-design-system :where(.mg-bg-accent-lightest){ background-color: var(--mg-color-accent-lightest); }
body.mg-design-system :where(.mg-text-accent-lighter){ color: var(--mg-color-accent-lighter); }
body.mg-design-system :where(.mg-bg-accent-lighter){ background-color: var(--mg-color-accent-lighter); }
body.mg-design-system :where(.mg-text-accent-light){ color: var(--mg-color-accent-light); }
body.mg-design-system :where(.mg-bg-accent-light){ background-color: var(--mg-color-accent-light); }
body.mg-design-system :where(.mg-text-accent-dark){ color: var(--mg-color-accent-dark); }
body.mg-design-system :where(.mg-bg-accent-dark){ background-color: var(--mg-color-accent-dark); }
body.mg-design-system :where(.mg-text-accent-darker){ color: var(--mg-color-accent-darker); }
body.mg-design-system :where(.mg-bg-accent-darker){ background-color: var(--mg-color-accent-darker); }
body.mg-design-system :where(.mg-text-accent-darkest){ color: var(--mg-color-accent-darkest); }
body.mg-design-system :where(.mg-bg-accent-darkest){ background-color: var(--mg-color-accent-darkest); }

/* Text color utilities */
body.mg-design-system :where(.mg-text-default){ color: var(--mg-color-text); }

/* Neutral color utilities */
body.mg-design-system :where(.mg-text-white){ color: var(--mg-neutral-white); }
body.mg-design-system :where(.mg-bg-white){ background-color: var(--mg-neutral-white); }
body.mg-design-system :where(.mg-text-black){ color: var(--mg-neutral-black); }
body.mg-design-system :where(.mg-bg-black){ background-color: var(--mg-neutral-black); }

body.mg-design-system :where(.mg-text-neutral-50){ color: var(--mg-neutral-50); }
body.mg-design-system :where(.mg-bg-neutral-50){ background-color: var(--mg-neutral-50); }
body.mg-design-system :where(.mg-text-neutral-100){ color: var(--mg-neutral-100); }
body.mg-design-system :where(.mg-bg-neutral-100){ background-color: var(--mg-neutral-100); }
body.mg-design-system :where(.mg-text-neutral-200){ color: var(--mg-neutral-200); }
body.mg-design-system :where(.mg-bg-neutral-200){ background-color: var(--mg-neutral-200); }
body.mg-design-system :where(.mg-text-neutral-300){ color: var(--mg-neutral-300); }
body.mg-design-system :where(.mg-bg-neutral-300){ background-color: var(--mg-neutral-300); }
body.mg-design-system :where(.mg-text-neutral-400){ color: var(--mg-neutral-400); }
body.mg-design-system :where(.mg-bg-neutral-400){ background-color: var(--mg-neutral-400); }
body.mg-design-system :where(.mg-text-neutral-500){ color: var(--mg-neutral-500); }
body.mg-design-system :where(.mg-bg-neutral-500){ background-color: var(--mg-neutral-500); }
body.mg-design-system :where(.mg-text-neutral-600){ color: var(--mg-neutral-600); }
body.mg-design-system :where(.mg-bg-neutral-600){ background-color: var(--mg-neutral-600); }
body.mg-design-system :where(.mg-text-neutral-700){ color: var(--mg-neutral-700); }
body.mg-design-system :where(.mg-bg-neutral-700){ background-color: var(--mg-neutral-700); }
body.mg-design-system :where(.mg-text-neutral-800){ color: var(--mg-neutral-800); }
body.mg-design-system :where(.mg-bg-neutral-800){ background-color: var(--mg-neutral-800); }
body.mg-design-system :where(.mg-text-neutral-900){ color: var(--mg-neutral-900); }
body.mg-design-system :where(.mg-bg-neutral-900){ background-color: var(--mg-neutral-900); }