:root {
	--mgk-navy:      #1B3A52;
	--mgk-navy-md:   #2C5070;
	--mgk-navy-lt:   #3D6A8A;
	--mgk-teal:      #0099B3;
	--mgk-teal-lt:   #00B8D6;
	--mgk-teal-bg:   #E6F6FA;
	--mgk-green:     #22A86B;
	--mgk-green-bg:  #EAFAF3;
	--mgk-red:       #E85040;
	--mgk-red-bg:    #FDECEA;

	--mgk-badge-promo-bg: #D45B46;
	--mgk-badge-promo-fg: #FFFFFF;
	--mgk-amber:     #F09830;
	--mgk-amber-bg:  #FEF3E2;
	--mgk-blue:      #1565C0;
	--mgk-wish-add:    #1454B8;
	--mgk-wish-remove: #F53F3F;

	--mgk-bg:        #F4F7FB;
	--mgk-bg-alt:    #EBF0F6;
	--mgk-surface:   #FFFFFF;
	--mgk-border:    #D5E2EE;
	--mgk-border-lt: #E8EFF7;

	--mgk-text:      #1B3A52;
	--mgk-text-2:    #4A6580;
	--mgk-text-3:    #8A9FB5;

	--mgk-halal:      #16875A;
	--mgk-halal-bg:   #E4F5EC;
	--mgk-organic:    #7B5C14;
	--mgk-organic-bg: #FEF8E6;
	--mgk-sfa:        #1565C0;
	--mgk-sfa-bg:     #E3F0FF;

	--mgk-accent:    #7DE8FF;

	--mgk-navy-900:  #061937;
	--mgk-navy-800:  #0A2A5C;
	--mgk-navy-700:  #0E3B81;
	--mgk-cta-blue:  #1454B8;
	--mgk-neutral:   #6F6F6F;
	--mgk-text-dark: #212121;
	--mgk-ph-bg:     #EBF0F6;
	--mgk-halal-2:      #16875A;
	--mgk-halal-2-bg:   #E4F5EC;
	--mgk-sfa-2:        #1565C0;
	--mgk-sfa-2-bg:     #E3F0FF;
	--mgk-organic-2:    #7B5C14;
	--mgk-organic-2-bg: #FEF8E6;

	--mgk-season-banner-ratio: 289 / 154;

	--mgk-radius:    16px;
	--mgk-radius-sm: 12px;
	--mgk-radius-lg: 24px;
	--mgk-shadow:    0 1px 3px rgba(27,58,82,.08);
	--mgk-shadow-lg: 0 10px 30px rgba(27,58,82,.16);

	--mgk-card-hover-zoom: 1.11;
	--mgk-maxw:      1440px;
	--mgk-pad-x:     24px;
	--mgk-font:      'Quicksand', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}