:root {
    --fu-bg-color: #ffffff;
    --fu-text-color: #000000;
    --fu-border-color: #e8e8e8;
    --fu-highlight-bg-color: #ffff00;
    --fu-highlight-color: #000000;
    --fu-skeleton-color: #bababa;

    --fu-white-color: #ffffff;
    --fu-black-color: #000000;

    --fu-primary-50: var(--fu-azure-50);
    --fu-primary-100: var(--fu-azure-100);
    --fu-primary-200: var(--fu-azure-200);
    --fu-primary-300: var(--fu-azure-300);
    --fu-primary-400: var(--fu-azure-400);
    --fu-primary-500: var(--fu-azure-500);
    --fu-primary-600: var(--fu-azure-600);
    --fu-primary-700: var(--fu-azure-700);
    --fu-primary-800: var(--fu-azure-800);
    --fu-primary-900: var(--fu-azure-900);
    --fu-primary-950: var(--fu-azure-950);

       --fu-azure-50: #eff5ff;
       --fu-azure-100: #dbe8fe;
       --fu-azure-200: #bfd7fe;
       --fu-azure-300: #93bbfd;
       --fu-azure-400: #609afa;
       --fu-azure-500: #3b82f6;
       --fu-azure-600: #2570eb;
       --fu-azure-700: #1d64d8;
       --fu-azure-800: #1e55af;
       --fu-azure-900: #1e478a;
       --fu-azure-950: #172e54;

       --fu-purple-50: #f7f3ff;
       --fu-purple-100: #efe9fe;
       --fu-purple-200: #e2d6fe;
       --fu-purple-300: #cbb5fd;
       --fu-purple-400: #ad8bfa;
       --fu-purple-500: #8b5cf6;
       --fu-purple-600: #713aed;
       --fu-purple-700: #5e28d9;
       --fu-purple-800: #4e21b6;
       --fu-purple-900: #421d95;
       --fu-purple-950: #2a1065;

       
        --fu-pink-50: #fbf7fd;
        --fu-pink-100: #f5ecfb;
        --fu-pink-200: #ecdcf8;
        --fu-pink-300: #dec1f1;
        --fu-pink-400: #ca99e7;
        --fu-pink-500: #b472da;
        --fu-pink-600: #a155ca;
        --fu-pink-700: #8a41af;
        --fu-pink-800: #743990;
        --fu-pink-900: #5f2f74;
        --fu-pink-950: #401853;
    
    
    
       --fu-red-50: #fef2f2;
       --fu-red-100: #fee2e2;
       --fu-red-200: #fecaca;
       --fu-red-300: #fca5a5;
       --fu-red-400: #f87171;
       --fu-red-500: #ef4444;
       --fu-red-600: #dc2626;
       --fu-red-700: #b91c1c;
       --fu-red-800: #991b1b;
       --fu-red-900: #7f1d1d;
       --fu-red-950: #450a0a;

       --fu-green-50: #f0fdf5;
       --fu-green-100: #dcfce8;
       --fu-green-200: #bbf7d1;
       --fu-green-300: #86efad;
       --fu-green-400: #4ade80;
       --fu-green-500: #22c55e;
       --fu-green-600: #16a34a;
       --fu-green-700: #15803c;
       --fu-green-800: #166533;
       --fu-green-900: #14532b;
       --fu-green-950: #052e14;

       --fu-orange-50: #fff4ed;
       --fu-orange-100: #ffe6d5;
       --fu-orange-200: #feccaa;
       --fu-orange-300: #fdac74;
       --fu-orange-400: #fb8a3c;
       --fu-orange-500: #f97316;
       --fu-orange-600: #ea670c;
       --fu-orange-700: #c2570c;
       --fu-orange-800: #9a4a12;
       --fu-orange-900: #7c3d12;
       --fu-orange-950: #432007;

       --fu-neutral-50: #f6f6f6;
       --fu-neutral-100: #e7e7e7;
       --fu-neutral-200: #d1d1d1;
       --fu-neutral-300: #b0b0b0;
       --fu-neutral-400: #888888;
       --fu-neutral-500: #737373;
       --fu-neutral-600: #5d5d5d;
       --fu-neutral-700: #4f4f4f;
       --fu-neutral-800: #454545;
       --fu-neutral-900: #3d3d3d;
       --fu-neutral-950: #262626;
   
    
}

.light  {
    // --fu-bg-color: #22262a;
    // --fu-text-color: #dae0e7;
    // --fu-border-color: #4e5255;
    // --fu-highlight-bg-color: #ffff00;
    // --fu-highlight-color: #000000;
    // --fu-skeleton-color: #34383c;
    // --fu-quick-jump-border-color: var(--fu-primary-500);

    --fu-bg-color: #ffffff;
    --fu-text-color: #000000;
    --fu-border-color: #e8e8e8;
    --fu-highlight-bg-color: #ffff00;
    --fu-highlight-color: #000000;
    --fu-skeleton-color: #bababa;

    --fu-white-color: #ffffff;
    --fu-black-color: #000000;

    --fu-primary-50: var(--fu-azure-50);
    --fu-primary-100: var(--fu-azure-100);
    --fu-primary-200: var(--fu-azure-200);
    --fu-primary-300: var(--fu-azure-300);
    --fu-primary-400: var(--fu-azure-400);
    --fu-primary-500: var(--fu-azure-500);
    --fu-primary-600: var(--fu-azure-600);
    --fu-primary-700: var(--fu-azure-700);
    --fu-primary-800: var(--fu-azure-800);
    --fu-primary-900: var(--fu-azure-900);
    --fu-primary-950: var(--fu-azure-950);
}

.dark {
    --fu-bg-color: #18181b;
    --fu-text-color: #ffffff;
    --fu-border-color: #3f3f46;
    --fu-highlight-bg-color: #ffff00;
    --fu-highlight-color: #000000;
    --fu-skeleton-color: #34383c;
    --fu-quick-jump-border-color: var(--fu-primary-500);

    --fu-primary-50: #fbf7fd;
    --fu-primary-100: #f5ecfb;
    --fu-primary-200: #ecdcf8;
    --fu-primary-300: #dec1f1;
    --fu-primary-400: #ca99e7;
    --fu-primary-500: #b472da;
    --fu-primary-600: #a155ca;
    --fu-primary-700: #8a41af;
    --fu-primary-800: #743990;
    --fu-primary-900: #5f2f74;
    --fu-primary-950: #401853;
}