@charset "utf-8";

:where(:root,::before,::after,::backdrop) {
    --liberty-yellow-h: 49;
    --liberty-yellow-s: 100%;
    --liberty-yellow-l: 50%;
    --liberty-yellow: hsl(var(--liberty-yellow-h) var(--liberty-yellow-s) var(--liberty-yellow-l));
    --liberty-yellow-80: hsl(var(--liberty-yellow-h) var(--liberty-yellow-s) calc(((100% - var(--liberty-yellow-l)) * 0.2) + var(--liberty-yellow-l)));
    --liberty-yellow-60: hsl(var(--liberty-yellow-h) var(--liberty-yellow-s) calc(((100% - var(--liberty-yellow-l)) * 0.4) + var(--liberty-yellow-l)));
    --liberty-yellow-40: hsl(var(--liberty-yellow-h) var(--liberty-yellow-s) calc(((100% - var(--liberty-yellow-l)) * 0.6) + var(--liberty-yellow-l)));
    --liberty-yellow-10: hsl(var(--liberty-yellow-h) var(--liberty-yellow-s) calc(((100% - var(--liberty-yellow-l)) * 0.9) + var(--liberty-yellow-l)));

    --liberty-dark-teal-h: 191;
    --liberty-dark-teal-s: 91.8%;
    --liberty-dark-teal-l: 28.6%;
    --liberty-dark-teal: hsl(var(--liberty-dark-teal-h) var(--liberty-dark-teal-s) var(--liberty-dark-teal-l));

    --liberty-medium-teal-h: 185;
    --liberty-medium-teal-s: 62.8%;
    --liberty-medium-teal-l: 42.2%;
    --liberty-medium-teal: hsl(var(--liberty-medium-teal-h) var(--liberty-medium-teal-s) var(--liberty-medium-teal-l));

    --liberty-teal-h: 180;
    --liberty-teal-s: 63.6%;
    --liberty-teal-l: 67.6%;
    --liberty-teal: hsl(var(--liberty-teal-h) var(--liberty-teal-s) var(--liberty-teal-l));
    --liberty-teal-80: hsl(var(--liberty-teal-h) var(--liberty-teal-s) calc(((100% - var(--liberty-teal-l)) * 0.2) + var(--liberty-teal-l)));
    --liberty-teal-60: hsl(var(--liberty-teal-h) var(--liberty-teal-s) calc(((100% - var(--liberty-teal-l)) * 0.4) + var(--liberty-teal-l)));
    --liberty-teal-40: hsl(var(--liberty-teal-h) var(--liberty-teal-s) calc(((100% - var(--liberty-teal-l)) * 0.6) + var(--liberty-teal-l)));
    --liberty-teal-10: hsl(var(--liberty-teal-h) var(--liberty-teal-s) calc(((100% - var(--liberty-teal-l)) * 0.9) + var(--liberty-teal-l)));

    --liberty-blue-h: 247;
    --liberty-blue-s: 55.6%;
    --liberty-blue-l: 17.6%;
    --liberty-blue: hsl(var(--liberty-blue-h) var(--liberty-blue-s) var(--liberty-blue-l));

    --liberty-blue-gray-h: 246;
    --liberty-blue-gray-s: 36.2%;
    --liberty-blue-gray-l: 22.7%;
    --liberty-blue-gray: hsl(var(--liberty-blue-gray-h) var(--liberty-blue-gray-s) var(--liberty-blue-gray-l));

    --liberty-dark-gray-h: 226;
    --liberty-dark-gray-s: 11.1%;
    --liberty-dark-gray-l: 22.9%;
    --liberty-dark-gray: hsl(var(--liberty-dark-gray-h) var(--liberty-dark-gray-s) var(--liberty-dark-gray-l));

    --liberty-gray-h: 0;
    --liberty-gray-s: 0%;
    --liberty-gray-l: 17.3%;
    --liberty-gray: hsl(var(--liberty-gray-h) var(--liberty-gray-s) var(--liberty-gray-l));
    --liberty-gray-90: hsl(var(--liberty-gray-h) var(--liberty-gray-s) calc(((100% - var(--liberty-gray-l)) * 0.1) + var(--liberty-gray-l)));
    --liberty-gray-81: hsl(var(--liberty-gray-h) var(--liberty-gray-s) calc(((100% - var(--liberty-gray-l)) * 0.19) + var(--liberty-gray-l)));
    --liberty-gray-78: hsl(var(--liberty-gray-h) var(--liberty-gray-s) calc(((100% - var(--liberty-gray-l)) * 0.22) + var(--liberty-gray-l)));
    --liberty-gray-73: hsl(var(--liberty-gray-h) var(--liberty-gray-s) calc(((100% - var(--liberty-gray-l)) * 0.27) + var(--liberty-gray-l)));
    --liberty-gray-69: hsl(var(--liberty-gray-h) var(--liberty-gray-s) calc(((100% - var(--liberty-gray-l)) * 0.31) + var(--liberty-gray-l)));
    --liberty-gray-44: hsl(var(--liberty-gray-h) var(--liberty-gray-s) calc(((100% - var(--liberty-gray-l)) * 0.56) + var(--liberty-gray-l)));
    --liberty-gray-29: hsl(var(--liberty-gray-h) var(--liberty-gray-s) calc(((100% - var(--liberty-gray-l)) * 0.71) + var(--liberty-gray-l)));
    --liberty-gray-25: hsl(var(--liberty-gray-h) var(--liberty-gray-s) calc(((100% - var(--liberty-gray-l)) * 0.75) + var(--liberty-gray-l)));
    --liberty-gray-10: hsl(var(--liberty-gray-h) var(--liberty-gray-s) calc(((100% - var(--liberty-gray-l)) * 0.9) + var(--liberty-gray-l)));
    --liberty-gray-04: hsl(var(--liberty-gray-h) var(--liberty-gray-s) calc(((100% - var(--liberty-gray-l)) * 0.96) + var(--liberty-gray-l)));

    --semantic-green-h: 150;
    --semantic-green-s: 100%;
    --semantic-green-l: 30.12%;
    --semantic-green: hsl(var(--semantic-green-h) var(--semantic-green-s) var(--semantic-green-l));
    --semantic-green-80: hsl(var(--semantic-green-h) var(--semantic-green-s) calc(((100% - var(--semantic-green-l)) * 0.2) + var(--semantic-green-l)));
    --semantic-green-10: hsl(var(--semantic-green-h) var(--semantic-green-s) calc(((100% - var(--semantic-green-l)) * 0.9) + var(--semantic-green-l)));

    --semantic-red-h: 0;
    --semantic-red-s: 65.1%;
    --semantic-red-l: 60.72%;
    --semantic-red: hsl(var(--semantic-red-h) var(--semantic-red-s) var(--semantic-red-l));
    --semantic-red-80: hsl(var(--semantic-red-h) var(--semantic-red-s) calc(((100% - var(--semantic-red-l)) * 0.2) + var(--semantic-red-l)));
    --semantic-red-10: hsl(var(--semantic-red-h) var(--semantic-red-s) calc(((100% - var(--semantic-red-l)) * 0.9) + var(--semantic-red-l)));

    --semantic-blue-h: 216;
    --semantic-blue-s: 100%;
    --semantic-blue-l: 57.6%;
    --semantic-blue: hsl(var(--semantic-blue-h) var(--semantic-blue-s) var(--semantic-blue-l));
    --semantic-blue-80: hsl(var(--semantic-blue-h) var(--semantic-blue-s) calc(((100% - var(--semantic-blue-l)) * 0.2) + var(--semantic-blue-l)));
    --semantic-blue-10: hsl(var(--semantic-blue-h) var(--semantic-blue-s) calc(((100% - var(--semantic-blue-l)) * 0.9) + var(--semantic-blue-l)));

    --semantic-orange-h: 30;
    --semantic-orange-s: 100%;
    --semantic-orange-l: 43.32%;
    --semantic-orange: hsl(var(--semantic-orange-h) var(--semantic-orange-s) var(--semantic-orange-l));
    --semantic-orange-80: hsl(var(--semantic-orange-h) var(--semantic-orange-s) calc(((100% - var(--semantic-orange-l)) * 0.2) + var(--semantic-orange-l)));
    --semantic-orange-10: hsl(var(--semantic-orange-h) var(--semantic-orange-s) calc(((100% - var(--semantic-orange-l)) * 0.9) + var(--semantic-orange-l)));
}