[data-bs-theme-base=slate] {
            --tblr-gray-50: #f8fafc;
            --tblr-gray-100: #f1f5f9;
            --tblr-gray-200: #e2e8f0;
            --tblr-gray-300: #cbd5e1;
            --tblr-gray-400: #94a3b8;
            --tblr-gray-500: #64748b;
            --tblr-gray-600: #475569;
            --tblr-gray-700: #334155;
            --tblr-gray-800: #1e293b;
            --tblr-gray-900: #0f172a;
            --tblr-gray-950: #020617;
        }

        [data-bs-theme-base=gray] {
            --tblr-gray-50: #f9fafb;
            --tblr-gray-100: #f3f4f6;
            --tblr-gray-200: #e5e7eb;
            --tblr-gray-300: #d1d5db;
            --tblr-gray-400: #9ca3af;
            --tblr-gray-500: #6b7280;
            --tblr-gray-600: #4b5563;
            --tblr-gray-700: #374151;
            --tblr-gray-800: #1f2937;
            --tblr-gray-900: #111827;
            --tblr-gray-950: #030712;
        }

        [data-bs-theme-base=zinc] {
            --tblr-gray-50: #fafafa;
            --tblr-gray-100: #f4f4f5;
            --tblr-gray-200: #e4e4e7;
            --tblr-gray-300: #d4d4d8;
            --tblr-gray-400: #a1a1aa;
            --tblr-gray-500: #71717a;
            --tblr-gray-600: #52525b;
            --tblr-gray-700: #3f3f46;
            --tblr-gray-800: #27272a;
            --tblr-gray-900: #18181b;
            --tblr-gray-950: #09090b;
        }

        [data-bs-theme-base=neutral] {
            --tblr-gray-50: #fafafa;
            --tblr-gray-100: #f5f5f5;
            --tblr-gray-200: #e5e5e5;
            --tblr-gray-300: #d4d4d4;
            --tblr-gray-400: #a3a3a3;
            --tblr-gray-500: #737373;
            --tblr-gray-600: #525252;
            --tblr-gray-700: #404040;
            --tblr-gray-800: #262626;
            --tblr-gray-900: #171717;
            --tblr-gray-950: #0a0a0a;
        }

        [data-bs-theme-base=stone] {
            --tblr-gray-50: #fafaf9;
            --tblr-gray-100: #f5f5f4;
            --tblr-gray-200: #e7e5e4;
            --tblr-gray-300: #d6d3d1;
            --tblr-gray-400: #a8a29e;
            --tblr-gray-500: #78716c;
            --tblr-gray-600: #57534e;
            --tblr-gray-700: #44403c;
            --tblr-gray-800: #292524;
            --tblr-gray-900: #1c1917;
            --tblr-gray-950: #0c0a09;
        }

        [data-bs-theme-base=pink] {
            --tblr-gray-50: #fdf2f8;
            --tblr-gray-100: #fce7f3;
            --tblr-gray-200: #fbcfe8;
            --tblr-gray-300: #f9a8d4;
            --tblr-gray-400: #f472b6;
            --tblr-gray-500: #ec4899;
            --tblr-gray-600: #db2777;
            --tblr-gray-700: #be185d;
            --tblr-gray-800: #9d174d;
            --tblr-gray-900: #831843;
            --tblr-gray-950: #500724;
        }

        [data-bs-theme-primary=blue] {
            --tblr-primary: #21409a;
            --tblr-primary-rgb: 33, 64, 154;
        }

        [data-bs-theme-primary=azure] {
            --tblr-primary: #4299e1;
            --tblr-primary-rgb: 66, 153, 225;
        }

        [data-bs-theme-primary=indigo] {
            --tblr-primary: #4263eb;
            --tblr-primary-rgb: 66, 99, 235;
        }

        [data-bs-theme-primary=purple] {
            --tblr-primary: #ae3ec9;
            --tblr-primary-rgb: 174, 62, 201;
        }

        [data-bs-theme-primary=pink] {
            --tblr-primary: #d6336c;
            --tblr-primary-rgb: 214, 51, 108;
        }

        [data-bs-theme-primary=red] {
            --tblr-primary: #ed1c24;
            --tblr-primary-rgb: 237, 28, 36;
        }

        [data-bs-theme-primary=orange] {
            --tblr-primary: #f76707;
            --tblr-primary-rgb: 247, 103, 7;
        }

        [data-bs-theme-primary=yellow] {
            --tblr-primary: #f59f00;
            --tblr-primary-rgb: 245, 159, 0;
        }

        [data-bs-theme-primary=lime] {
            --tblr-primary: #74b816;
            --tblr-primary-rgb: 116, 184, 22;
        }

        [data-bs-theme-primary=green] {
            --tblr-primary: #2fb344;
            --tblr-primary-rgb: 47, 179, 68;
        }

        [data-bs-theme-primary=teal] {
            --tblr-primary: #0ca678;
            --tblr-primary-rgb: 12, 166, 120;
        }

        [data-bs-theme-primary=cyan] {
            --tblr-primary: #17a2b8;
            --tblr-primary-rgb: 23, 162, 184;
        }

        :root {
            /* Replace with your brand's second color */
            --tblr-brand: #ed1c24;
            --tblr-brand-rgb: 237, 28, 36;
            --tblr-brand-fg: #ffffff;
        }

        /* 1. Brand Button */
        .btn-brand {
            --tblr-btn-bg: var(--tblr-brand);
            --tblr-brand-border-color: var(--tblr-brand);
            --tblr-btn-color: var(--tblr-brand-fg);
            --tblr-btn-hover-bg: rgba(var(--tblr-brand-rgb), 0.85);
            --tblr-btn-hover-border-color: rgba(var(--tblr-brand-rgb), 0.85);
            --tblr-btn-active-bg: var(--tblr-brand);
        }

        /* 2. Text Utility */
        .text-brand {
            color: var(--tblr-brand) !important;
        }

        /* 3. Background Utility */
        .bg-brand {
            background-color: var(--tblr-brand) !important;
            color: var(--tblr-brand-fg) !important;
        }

        /* 4. Tabler "Light" Variant (Ghost background) */
        .bg-brand-lt {
            background-color: rgba(var(--tblr-brand-rgb), 0.1) !important;
            color: var(--tblr-brand) !important;
            border-color: rgba(var(--tblr-brand-rgb), 0.1) !important;
        }

        /* 5. Outline Button Variant */
        .btn-outline-brand {
            --tblr-btn-color: var(--tblr-brand);
            --tblr-btn-border-color: var(--tblr-brand);
            --tblr-btn-hover-bg: var(--tblr-brand);
            --tblr-btn-hover-color: var(--tblr-brand-fg);
        }

        [data-bs-theme-radius="0"] {
            --tblr-border-radius-scale: 0;
        }

        [data-bs-theme-radius="0.5"] {
            --tblr-border-radius-scale: 0.5;
        }

        [data-bs-theme-radius="1"] {
            --tblr-border-radius-scale: 1;
        }

        [data-bs-theme-radius="1.5"] {
            --tblr-border-radius-scale: 1.5;
        }

        [data-bs-theme-radius="2"] {
            --tblr-border-radius-scale: 2;
        }

        [data-bs-theme-primary=inverted] {
            --tblr-primary: var(--tblr-gray-800);
            --tblr-primary-fg: var(--tblr-light);
            --tblr-primary-rgb: 31, 41, 55;
        }

        [data-bs-theme-primary=inverted][data-bs-theme=dark],
        [data-bs-theme-primary=inverted][data-bs-theme=dark] {
            --tblr-primary: #f9fafb;
            --tblr-primary-fg: var(--tblr-dark);
            --tblr-primary-rgb: 249, 250, 251;
        }

        [data-bs-theme-font=monospace] {
            --tblr-body-font-family: var(--tblr-font-monospace);
            --tblr-body-font-size: 80%;
        }

        [data-bs-theme-font=sans-serif] {
            --tblr-font-sans-serif: 'Arial', sans-serif;
            --tblr-body-font-family: var(--tblr-font-sans-serif);
        }

        [data-bs-theme-font=serif] {
            --tblr-body-font-family: var(--tblr-font-serif);
        }

        [data-bs-theme-font=comic] {
            --tblr-body-font-family: var(--tblr-font-comic);
        }