@use 'colors' as *;
@use 'typography' as *;

:root {

    //@Font Family Declaration
    @each $ff, $shades in $font-family {
        @each $shade, $value in $shades {
            --td-#{$ff}-#{$shade}: #{$value};
        }
    }

    //@Color Declaration
    @each $color, $shades in $colors {
        @each $shade, $value in $shades {
            --td-#{$color}-#{$shade}: #{$value};
        }
    }

}

