/* Izvedene Porto nijanse; boje menjajte u custom.css. */
:root{--primary: var(--ngo-leaf);
--primary-100: color-mix(in srgb, var(--ngo-leaf), var(--ngo-forest) 10%);
--primary-200: color-mix(in srgb, var(--ngo-leaf), var(--ngo-forest) 20%);
--primary-300: color-mix(in srgb, var(--ngo-leaf), var(--ngo-forest) 30%);
--primary--100: color-mix(in srgb, var(--ngo-leaf), var(--ngo-white) 10%);
--primary--200: color-mix(in srgb, var(--ngo-leaf), var(--ngo-white) 20%);
--primary--300: color-mix(in srgb, var(--ngo-leaf), var(--ngo-white) 30%);
--primary-rgba-0: color-mix(in srgb, var(--ngo-leaf) 0%, transparent);
--primary-rgba-10: color-mix(in srgb, var(--ngo-leaf) 10%, transparent);
--primary-rgba-20: color-mix(in srgb, var(--ngo-leaf) 20%, transparent);
--primary-rgba-30: color-mix(in srgb, var(--ngo-leaf) 30%, transparent);
--primary-rgba-40: color-mix(in srgb, var(--ngo-leaf) 40%, transparent);
--primary-rgba-50: color-mix(in srgb, var(--ngo-leaf) 50%, transparent);
--primary-rgba-60: color-mix(in srgb, var(--ngo-leaf) 60%, transparent);
--primary-rgba-70: color-mix(in srgb, var(--ngo-leaf) 70%, transparent);
--primary-rgba-80: color-mix(in srgb, var(--ngo-leaf) 80%, transparent);
--primary-rgba-90: color-mix(in srgb, var(--ngo-leaf) 90%, transparent);
--secondary: var(--ngo-forest);
--secondary-100: color-mix(in srgb, var(--ngo-forest), var(--ngo-forest) 10%);
--secondary-200: color-mix(in srgb, var(--ngo-forest), var(--ngo-forest) 20%);
--secondary-300: color-mix(in srgb, var(--ngo-forest), var(--ngo-forest) 30%);
--secondary--100: color-mix(in srgb, var(--ngo-forest), var(--ngo-white) 10%);
--secondary--200: color-mix(in srgb, var(--ngo-forest), var(--ngo-white) 20%);
--secondary--300: color-mix(in srgb, var(--ngo-forest), var(--ngo-white) 30%);
--secondary-rgba-0: color-mix(in srgb, var(--ngo-forest) 0%, transparent);
--secondary-rgba-10: color-mix(in srgb, var(--ngo-forest) 10%, transparent);
--secondary-rgba-20: color-mix(in srgb, var(--ngo-forest) 20%, transparent);
--secondary-rgba-30: color-mix(in srgb, var(--ngo-forest) 30%, transparent);
--secondary-rgba-40: color-mix(in srgb, var(--ngo-forest) 40%, transparent);
--secondary-rgba-50: color-mix(in srgb, var(--ngo-forest) 50%, transparent);
--secondary-rgba-60: color-mix(in srgb, var(--ngo-forest) 60%, transparent);
--secondary-rgba-70: color-mix(in srgb, var(--ngo-forest) 70%, transparent);
--secondary-rgba-80: color-mix(in srgb, var(--ngo-forest) 80%, transparent);
--secondary-rgba-90: color-mix(in srgb, var(--ngo-forest) 90%, transparent);
--tertiary: var(--ngo-sage);
--tertiary-100: color-mix(in srgb, var(--ngo-sage), var(--ngo-forest) 10%);
--tertiary-200: color-mix(in srgb, var(--ngo-sage), var(--ngo-forest) 20%);
--tertiary-300: color-mix(in srgb, var(--ngo-sage), var(--ngo-forest) 30%);
--tertiary--100: color-mix(in srgb, var(--ngo-sage), var(--ngo-white) 10%);
--tertiary--200: color-mix(in srgb, var(--ngo-sage), var(--ngo-white) 20%);
--tertiary--300: color-mix(in srgb, var(--ngo-sage), var(--ngo-white) 30%);
--tertiary-rgba-0: color-mix(in srgb, var(--ngo-sage) 0%, transparent);
--tertiary-rgba-10: color-mix(in srgb, var(--ngo-sage) 10%, transparent);
--tertiary-rgba-20: color-mix(in srgb, var(--ngo-sage) 20%, transparent);
--tertiary-rgba-30: color-mix(in srgb, var(--ngo-sage) 30%, transparent);
--tertiary-rgba-40: color-mix(in srgb, var(--ngo-sage) 40%, transparent);
--tertiary-rgba-50: color-mix(in srgb, var(--ngo-sage) 50%, transparent);
--tertiary-rgba-60: color-mix(in srgb, var(--ngo-sage) 60%, transparent);
--tertiary-rgba-70: color-mix(in srgb, var(--ngo-sage) 70%, transparent);
--tertiary-rgba-80: color-mix(in srgb, var(--ngo-sage) 80%, transparent);
--tertiary-rgba-90: color-mix(in srgb, var(--ngo-sage) 90%, transparent);
--quaternary: var(--ngo-forest);
--quaternary-100: color-mix(in srgb, var(--ngo-forest), var(--ngo-forest) 10%);
--quaternary-200: color-mix(in srgb, var(--ngo-forest), var(--ngo-forest) 20%);
--quaternary-300: color-mix(in srgb, var(--ngo-forest), var(--ngo-forest) 30%);
--quaternary--100: color-mix(in srgb, var(--ngo-forest), var(--ngo-white) 10%);
--quaternary--200: color-mix(in srgb, var(--ngo-forest), var(--ngo-white) 20%);
--quaternary--300: color-mix(in srgb, var(--ngo-forest), var(--ngo-white) 30%);
--quaternary-rgba-0: color-mix(in srgb, var(--ngo-forest) 0%, transparent);
--quaternary-rgba-10: color-mix(in srgb, var(--ngo-forest) 10%, transparent);
--quaternary-rgba-20: color-mix(in srgb, var(--ngo-forest) 20%, transparent);
--quaternary-rgba-30: color-mix(in srgb, var(--ngo-forest) 30%, transparent);
--quaternary-rgba-40: color-mix(in srgb, var(--ngo-forest) 40%, transparent);
--quaternary-rgba-50: color-mix(in srgb, var(--ngo-forest) 50%, transparent);
--quaternary-rgba-60: color-mix(in srgb, var(--ngo-forest) 60%, transparent);
--quaternary-rgba-70: color-mix(in srgb, var(--ngo-forest) 70%, transparent);
--quaternary-rgba-80: color-mix(in srgb, var(--ngo-forest) 80%, transparent);
--quaternary-rgba-90: color-mix(in srgb, var(--ngo-forest) 90%, transparent);
--dark: var(--ngo-forest);
--dark-100: color-mix(in srgb, var(--ngo-forest), var(--ngo-forest) 10%);
--dark-200: color-mix(in srgb, var(--ngo-forest), var(--ngo-forest) 20%);
--dark-300: color-mix(in srgb, var(--ngo-forest), var(--ngo-forest) 30%);
--dark--100: color-mix(in srgb, var(--ngo-forest), var(--ngo-white) 10%);
--dark--200: color-mix(in srgb, var(--ngo-forest), var(--ngo-white) 20%);
--dark--300: color-mix(in srgb, var(--ngo-forest), var(--ngo-white) 30%);
--dark-rgba-0: color-mix(in srgb, var(--ngo-forest) 0%, transparent);
--dark-rgba-10: color-mix(in srgb, var(--ngo-forest) 10%, transparent);
--dark-rgba-20: color-mix(in srgb, var(--ngo-forest) 20%, transparent);
--dark-rgba-30: color-mix(in srgb, var(--ngo-forest) 30%, transparent);
--dark-rgba-40: color-mix(in srgb, var(--ngo-forest) 40%, transparent);
--dark-rgba-50: color-mix(in srgb, var(--ngo-forest) 50%, transparent);
--dark-rgba-60: color-mix(in srgb, var(--ngo-forest) 60%, transparent);
--dark-rgba-70: color-mix(in srgb, var(--ngo-forest) 70%, transparent);
--dark-rgba-80: color-mix(in srgb, var(--ngo-forest) 80%, transparent);
--dark-rgba-90: color-mix(in srgb, var(--ngo-forest) 90%, transparent);
--light: var(--ngo-white);
--light-100: color-mix(in srgb, var(--ngo-white), var(--ngo-forest) 10%);
--light-200: color-mix(in srgb, var(--ngo-white), var(--ngo-forest) 20%);
--light-300: color-mix(in srgb, var(--ngo-white), var(--ngo-forest) 30%);
--light--100: color-mix(in srgb, var(--ngo-white), var(--ngo-white) 10%);
--light--200: color-mix(in srgb, var(--ngo-white), var(--ngo-white) 20%);
--light--300: color-mix(in srgb, var(--ngo-white), var(--ngo-white) 30%);
--light-rgba-0: color-mix(in srgb, var(--ngo-white) 0%, transparent);
--light-rgba-10: color-mix(in srgb, var(--ngo-white) 10%, transparent);
--light-rgba-20: color-mix(in srgb, var(--ngo-white) 20%, transparent);
--light-rgba-30: color-mix(in srgb, var(--ngo-white) 30%, transparent);
--light-rgba-40: color-mix(in srgb, var(--ngo-white) 40%, transparent);
--light-rgba-50: color-mix(in srgb, var(--ngo-white) 50%, transparent);
--light-rgba-60: color-mix(in srgb, var(--ngo-white) 60%, transparent);
--light-rgba-70: color-mix(in srgb, var(--ngo-white) 70%, transparent);
--light-rgba-80: color-mix(in srgb, var(--ngo-white) 80%, transparent);
--light-rgba-90: color-mix(in srgb, var(--ngo-white) 90%, transparent);
--primary-inverse: var(--ngo-leaf);
--secondary-inverse: var(--ngo-forest);
--tertiary-inverse: var(--ngo-sage);
--quaternary-inverse: var(--ngo-forest);
--dark-inverse: var(--ngo-forest);
--light-inverse: var(--ngo-white);}