:root{

    /* colors */
    --green: #1F9110;
    --lgreen: #20AB0E;
    --white: #fff;
    --black: #000;
    --blue: #1A6BBD;
    --lblue: #1f7ddb;
    --gray: #F7F7F7;
    --dgray: #606060;
    --grad-blue: linear-gradient(180deg, #1A6BBD 0%, #2986E3 100%);
    --grad-black:  #2D2D2D;
    --purple: #8A33AF;
    --lpurple: #a039cc;



    /* fonts */

    --font-10: 0.625rem;
    --font-12: 0.75rem;
    --font-14: 0.875rem;
    --font-16: 1rem;
    --font-18: 1.125rem;
    --font-20: 1.25rem;
    --font-22: 1.375rem;
    --font-24: 1.5rem;
    --font-26: 1.625rem;
    --font-28: 1.75rem;
    --font-30: 1.875rem;
    --font-32: 2rem;
    --font-36: 2.25rem;
    --font-48: 3rem;
    --font-52: 3.25rem;
    --font-54: 3.375rem;
    --font-64: 4rem;

    --line-10: 0.625rem;
    --line-12: 0.75rem;
    --line-14: 0.875rem;
    --line-16: 1rem;
    --line-18: 1.125rem;
    --line-20: 1.125rem;
    --line-22: 1.375rem;
    --line-24: 1.5rem;
    --line-25: 1.5625rem;
    --line-26: 1.625rem;
    --line-28: 1.75rem;
    --line-30: 1.875rem;
    --line-32: 2rem;
    --line-34: 2.125rem;
    --line-36: 2.25rem;
    --line-38: 2.375rem;
    --line-48: 3rem;
    --line-58: 3.625rem;
    --line-60: 3.75rem;
    --line-62: 3.875rem;
    --line-64: 4rem;

}