@charset "UTF-8";

@mixin color-generator-def() {
    $main-colors-map: (
        "red": (
            50: #fef2f2,
            100: #fee2e2,
            200: #fecaca,
            300: #fca5a5,
            400: #f87171,
            500: #ef4444,
            600: #dc2626,
            700: #b91c1c,
            800: #991b1b,
            900: #7f1d1d,
            950: #450a0a
        ),
        "orange": (
            50: #fff7ed,
            100: #ffedd5,
            200: #fed7aa,
            300: #fdba74,
            400: #fb923c,
            500: #f97316,
            600: #ea580c,
            700: #c2410c,
            800: #9a3412,
            900: #7c2d12,
            950: #431407
        ),
        "gray": (
            50: #f9fafb,
            100: #f3f4f6,
            200: #e5e7eb,
            300: #d1d5db,
            400: #9ca3af,
            500: #6b7280,
            600: #4b5563,
            700: #374151,
            800: #1f2937,
            900: #111827,
            950: #030712
        ),
        "lime": (
            50: #f7fee7,
            100: #ecfccb,
            200: #d9f99d,
            300: #bef264,
            400: #a3e635,
            500: #84cc16,
            600: #65a30d,
            700: #4d7c0f,
            800: #3f6212,
            900: #365314,
            950: #1a2e05
        ),
        "green": (
            50: #f0fdf4,
            100: #dcfce7,
            200: #bbf7d0,
            300: #86efac,
            400: #4ade80,
            500: #22c55e,
            600: #16a34a,
            700: #15803d,
            800: #166534,
            900: #14532d,
            950: #052e16
        ),
        "emerald": (
            50: #ecfdf5,
            100: #d1fae5,
            200: #a7f3d0,
            300: #6ee7b7,
            400: #34d399,
            500: #10b981,
            600: #059669,
            700: #047857,
            800: #065f46,
            900: #064e3b,
            950: #022c22
        ),
        "teal": (
            50: #f0fdfa,
            100: #ccfbf1,
            200: #99f6e4,
            300: #5eead4,
            400: #2dd4bf,
            500: #14b8a6,
            600: #0d9488,
            700: #0f766e,
            800: #115e59,
            900: #134e4a,
            950: #042f2e
        ),
        "cyan": (
            50: #ecfeff,
            100: #cffafe,
            200: #a5f3fc,
            300: #67e8f9,
            400: #22d3ee,
            500: #06b6d4,
            600: #0891b2,
            700: #0e7490,
            800: #155e75,
            900: #164e63,
            950: #083344
        ),
        "sky": (
            50: #f0f9ff,
            100: #e0f2fe,
            200: #bae6fd,
            300: #7dd3fc,
            400: #38bdf8,
            500: #0ea5e9,
            600: #0284c7,
            700: #0369a1,
            800: #075985,
            900: #0c4a6e,
            950: #082f49
        ),
        "blue": (
            50: #eff6ff,
            100: #dbeafe,
            200: #bfdbfe,
            300: #93c5fd,
            400: #60a5fa,
            500: #3b82f6,
            600: #2563eb,
            700: #1d4ed8,
            800: #1e40af,
            900: #1e3a8a,
            950: #172554
        ),
        "violet": (
            50: #f5f3ff,
            100: #ede9fe,
            200: #ddd6fe,
            300: #c4b5fd,
            400: #a78bfa,
            500: #8b5cf6,
            600: #7c3aed,
            700: #6d28d9,
            800: #5b21b6,
            900: #4c1d95,
            950: #2e1065
        ),
        "purple": (
            50: #faf5ff,
            100: #f3e8ff,
            200: #e9d5ff,
            300: #d8b4fe,
            400: #c084fc,
            500: #a855f7,
            600: #9333ea,
            700: #7e22ce,
            800: #6b21a8,
            900: #581c87,
            950: #3b0764
        ),
        "pink": (
            50: #fdf2f8,
            100: #fce7f3,
            200: #fbcfe8,
            300: #f9a8d4,
            400: #f472b6,
            500: #ec4899,
            600: #db2777,
            700: #be185d,
            800: #9d174d,
            900: #831843,
            950: #500724
        ),
        "yellow": (
            50: #fffae5,
            100: #fff6cc,
            200: #fff2b2,
            300: #ffee99,
            400: #ffe97f,
            500: #ffe566,
            600: #ffe14c,
            700: #ffdd32,
            800: #ffd819,
            900: #ffd400,
            950: #ffd900
        )
    );

    @each $color-name, $palette in $main-colors-map {
        @each $key, $val in $palette {
            .bg-#{$color-name}-#{$key} {
                background-color: #{$val};
            }

            .text-#{$color-name}-#{$key} {
                color: #{$val};
            }
        }
    }
}