/* Unit */
:root {
    /* ==========================================================================
                               # BASE UNITS
                               used for various things like sizing and
                               other various things...
                               NOT USED FOR -> spacing or gap on flex & grid items
    ========================================================================== */
    --unit-2: 0.125rem;
    --unit-4: 0.25rem;
    --unit-8: 0.5rem;
    --unit-10: 0.625rem;
    --unit-12: 0.75rem;
    --unit-14: 0.875rem;
    --unit-16: 1rem; /* same as web default of 16px */
    --unit-18: 1.125rem;
    --unit-20: 1.25rem;
    --unit-24: 1.5rem;
    --unit-26: 1.625rem;
    --unit-28: 1.75rem;
    --unit-32: 2rem;
    --unit-36: 2.25rem;
    --unit-40: 2.5rem;
    --unit-48: 3rem;
    --unit-56: 3.5rem;
    --unit-64: 4rem;
    --unit-72: 4.5rem;
    --unit-80: 5rem;
    --unit-88: 5.5rem;
    --unit-96: 6rem;
    --unit-104: 6.5rem;
    --unit-112: 7rem;
    --unit-120: 7.5rem;
}