:root {
    --t-primary-light: hsl(150, 40%, 50%);
    --t-primary-light-h: 150;
    --t-primary-light-s: 40%;
    --t-primary-light-l: 50%;
    --t-primary: hsl(150, 71%, 27%);
    --t-primary-h: 150;
    --t-primary-s: 71%;
    --t-primary-l: 27%;
    --t-primary-dark: hsl(150, 71%, 15%);
    --t-primary-dark-h: 150;
    --t-primary-dark-s: 71%;
    --t-primary-dark-l: 15%;

    --t-primary-contrast: hsl(150, 71%, 27.1%);
    --t-primary-contrast-h: 150;
    --t-primary-contrast-s: 71%;
    --t-primary-contrast-l: 27.1%;
    --t-primary-contrast-light: hsl(150, 40.2%, 50.2%);
    --t-primary-contrast-light-h: 150;
    --t-primary-contrast-light-s: 40.2%;
    --t-primary-contrast-light-l: 50.2%;
    --t-primary-contrast-dark: hsl(150, 71.1%, 14.9%);
    --t-primary-contrast-dark-h: 150;
    --t-primary-contrast-dark-s: 71.1%;
    --t-primary-contrast-dark-l: 14.9%;

    --t-primary-text: hsl(0, 0%, 100%);
    --t-primary-text-h: 0;
    --t-primary-text-s: 0%;
    --t-primary-text-l: 100%;

    --t-secondary-light: hsl(0, 0%, 45%);
    --t-secondary-light-h: 0;
    --t-secondary-light-s: 0%;
    --t-secondary-light-l: 45%;
    --t-secondary: hsl(0, 0%, 25%);
    --t-secondary-h: 0;
    --t-secondary-s: 0%;
    --t-secondary-l: 25%;
    --t-secondary-dark: hsl(0, 0%, 16%);
    --t-secondary-dark-h: 0;
    --t-secondary-dark-s: 0%;
    --t-secondary-dark-l: 16%;
    --t-success: hsl(134, 71%, 51%);
    --t-success-h: 134;
    --t-success-s: 71%;
    --t-success-l: 51%;
    --t-success-light: hsl(132, 89%, 67%);
    --t-success-light-h: 132;
    --t-success-light-s: 89%;
    --t-success-light-l: 67%;
    --t-danger-light: hsl(0, 100%, 80%);
    --t-danger-light-h: 0;
    --t-danger-light-s: 100%;
    --t-danger-light-l: 80%;
    --t-danger: hsl(0, 100%, 67%);
    --t-danger-h: 0;
    --t-danger-s: 100%;
    --t-danger-l: 67%;
    --t-danger-dark: hsl(0, 100%, 40%);
    --t-danger-dark-h: 0;
    --t-danger-dark-s: 100%;
    --t-danger-dark-l: 40%;
    --t-warning-light: hsl(24, 100%, 80%);
    --t-warning-light-h: 24;
    --t-warning-light-s: 100%;
    --t-warning-light-l: 80%;
    --t-warning: hsl(24, 100%, 67%);
    --t-warning-h: 24;
    --t-warning-s: 100%;
    --t-warning-l: 67%;
    --t-warning-dark: hsl(24, 100%, 40%);
    --t-warning-dark-h: 24;
    --t-warning-dark-s: 100%;
    --t-warning-dark-l: 40%;
    --t-gray-dark-ultra: hsl(150, 10%, 60%);
    --t-gray-dark-ultra-h: 150;
    --t-gray-dark-ultra-s: 10%;
    --t-gray-dark-ultra-l: 60%;
    --t-gray-dark: hsl(150, 10%, 70%);
    --t-gray-dark-h: 150;
    --t-gray-dark-s: 10%;
    --t-gray-dark-l: 70%;
    --t-gray: hsl(150, 10%, 80%);
    --t-gray-h: 150;
    --t-gray-s: 10%;
    --t-gray-l: 80%;
    --t-gray-light: hsl(150, 10%, 92%);
    --t-gray-light-h: 150;
    --t-gray-light-s: 10%;
    --t-gray-light-l: 92%;
    --t-gray-light-ultra: hsl(150, 10%, 96%);
    --t-gray-light-ultra-h: 150;
    --t-gray-light-ultra-s: 10%;
    --t-gray-light-ultra-l: 96%;
    --t-white: hsl(0, 0%, 100%);
    --t-white-h: 0;
    --t-white-s: 0%;
    --t-white-l: 100%;
    --t-black: hsl(0, 0%, 0%);
    --t-black-h: 0;
    --t-black-s: 0%;
    --t-black-l: 0%;
    --t-blue: hsl(211, 100%, 50%);
    --t-blue-h: 211;
    --t-blue-s: 100%;
    --t-blue-l: 50%;
    --t-input-height: 2.6rem;
    --t-border-radius: 1rem;
    --t-btn-font-weight: normal;
}