@layer common,brand;@layer common{body{background-color:salmon}}@layer brand{:root{--font-heading: "Lato", sans-serif;--font-body: "Merriweather", serif;--green-base: #046935;--green-0: color-mix(in srgb, var(--green-base), white 95%);--green-10: color-mix(in srgb, var(--green-base), white 80%);--green-20: color-mix(in srgb, var(--green-base), white 60%);--green-30: color-mix(in srgb, var(--green-base), white 40%);--green-40: color-mix(in srgb, var(--green-base), white 20%);--green-50: var(--green-base);--green-60: color-mix(in srgb, var(--green-base), black 20%);--green-70: color-mix(in srgb, var(--green-base), black 40%);--green-80: color-mix(in srgb, var(--green-base), black 60%);--green-90: color-mix(in srgb, var(--green-base), black 80%);--green-100: color-mix(in srgb, var(--green-base), black 95%);--yellow-base: #ffcb09;--yellow-0: color-mix(in srgb, var(--yellow-base), white 95%);--yellow-10: color-mix(in srgb, var(--yellow-base), white 80%);--yellow-20: color-mix(in srgb, var(--yellow-base), white 60%);--yellow-30: color-mix(in srgb, var(--yellow-base), white 40%);--yellow-40: color-mix(in srgb, var(--yellow-base), white 20%);--yellow-50: var(--yellow-base);--yellow-60: color-mix(in srgb, var(--yellow-base), black 20%);--yellow-70: color-mix(in srgb, var(--yellow-base), black 40%);--yellow-80: color-mix(in srgb, var(--yellow-base), black 60%);--yellow-90: color-mix(in srgb, var(--yellow-base), black 80%);--yellow-100: color-mix(in srgb, var(--yellow-base), black 95%);--lime-base: #3dcb15;--lime-0: color-mix(in srgb, var(--lime-base), white 95%);--lime-10: color-mix(in srgb, var(--lime-base), white 80%);--lime-20: color-mix(in srgb, var(--lime-base), white 60%);--lime-30: color-mix(in srgb, var(--lime-base), white 40%);--lime-40: color-mix(in srgb, var(--lime-base), white 20%);--lime-50: var(--lime-base);--lime-60: color-mix(in srgb, var(--lime-base), black 20%);--lime-70: color-mix(in srgb, var(--lime-base), black 40%);--lime-80: color-mix(in srgb, var(--lime-base), black 60%);--lime-90: color-mix(in srgb, var(--lime-base), black 80%);--lime-100: color-mix(in srgb, var(--lime-base), black 95%);--red-base: #fc583b;--red-0: color-mix(in srgb, var(--red-base), white 95%);--red-10: color-mix(in srgb, var(--red-base), white 80%);--red-20: color-mix(in srgb, var(--red-base), white 60%);--red-30: color-mix(in srgb, var(--red-base), white 40%);--red-40: color-mix(in srgb, var(--red-base), white 20%);--red-50: var(--red-base);--red-60: color-mix(in srgb, var(--red-base), black 20%);--red-70: color-mix(in srgb, var(--red-base), black 40%);--red-80: color-mix(in srgb, var(--red-base), black 60%);--red-90: color-mix(in srgb, var(--red-base), black 80%);--red-100: color-mix(in srgb, var(--red-base), black 95%);--blue-base: #2494eb;--blue-0: color-mix(in srgb, var(--blue-base), white 95%);--blue-10: color-mix(in srgb, var(--blue-base), white 80%);--blue-20: color-mix(in srgb, var(--blue-base), white 60%);--blue-30: color-mix(in srgb, var(--blue-base), white 40%);--blue-40: color-mix(in srgb, var(--blue-base), white 20%);--blue-50: var(--blue-base);--blue-60: color-mix(in srgb, var(--blue-base), black 20%);--blue-70: color-mix(in srgb, var(--blue-base), black 40%);--blue-80: color-mix(in srgb, var(--blue-base), black 60%);--blue-90: color-mix(in srgb, var(--blue-base), black 80%);--blue-100: color-mix(in srgb, var(--blue-base), black 95%)}}