/* =========================
   COLOR CSS VARIABLES
   Auto-generated from ColorSync module
   Last updated: 2026-01-20 16:54:14
   ========================= */

: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: #c9eaff;
  --mg-color-primary-lighter: #74c9fe;
  --mg-color-primary-light: #1fa8fe;
  --mg-color-primary-dark: #015f9a;
  --mg-color-primary-darker: #01446e;
  --mg-color-primary-darkest: #002841;
  --mg-on-primary: #ffffff;

  /* secondary variants */
  --mg-color-secondary-lightest: #d8f4fd;
  --mg-color-secondary-lighter: #aae7fb;
  --mg-color-secondary-light: #7ddaf9;
  --mg-color-secondary-dark: #0bb1e9;
  --mg-color-secondary-darker: #07759a;
  --mg-color-secondary-darkest: #04394b;
  --mg-on-secondary: #000000;

  /* accent variants */
  --mg-color-accent-lightest: #faded9;
  --mg-color-accent-lighter: #f4b4a9;
  --mg-color-accent-light: #ee8b7a;
  --mg-color-accent-dark: #cb351a;
  --mg-color-accent-darker: #872312;
  --mg-color-accent-darkest: #441209;
  --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: #1f2937;
  --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); }