/* =========================
   COLOR CSS VARIABLES
   Auto-generated from ColorSync module
   Last updated: 2025-01-28 00:00:00
   ========================= */

:root {

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

  /* Brand colors reference Elementor global colors to stay in sync */
  /* Fallback values are updated dynamically by output_elementor_color_variables() */
  /* No hardcoded colors - only Elementor variables */
  --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: #cbe1f8;
  --mg-color-primary-lighter: #73adeb;
  --mg-color-primary-light: #1f79da;
  --mg-color-primary-dark: #0f3a68;
  --mg-color-primary-darker: #0b2c4f;
  --mg-color-primary-darkest: #081e35;
  --mg-on-primary: #ffffff;

  /* secondary variants */
  --mg-color-secondary-lightest: #d5f3ff;
  --mg-color-secondary-lighter: #a3e4fe;
  --mg-color-secondary-light: #71d6fe;
  --mg-color-secondary-dark: #02a9ea;
  --mg-color-secondary-darker: #02709c;
  --mg-color-secondary-darkest: #01374d;
  --mg-on-secondary: #ffffff;

  /* accent variants */
  --mg-color-accent-lightest: #fff4d4;
  --mg-color-accent-lighter: #fee69f;
  --mg-color-accent-light: #fdd96a;
  --mg-color-accent-dark: #e3ab02;
  --mg-color-accent-darker: #977202;
  --mg-color-accent-darkest: #4c3901;
  --mg-on-accent: #000000;

  /* 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 - removed hardcoded value, uses Elementor variable only */
  --mg-color-border: var(--mg-neutral-300);

}

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

/* 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); }

/* =========================
   FUNCTIONAL COLOR UTILITIES
   ========================= */

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

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

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

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