:root {
   --bs-font-monospace: Monaco, Consolas, Liberation Mono, Courier New, monospace;
   --bs-font-sans-serif: Inter Var, Inter, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
   --bs-font-serif: Georgia, Times New Roman, times, serif;
   --bs-font-comic: Comic Sans MS, Comic Sans, Chalkboard SE, Comic;
   --bs-font-karla: 'Karla', sans-serif;
 }

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

  --bs-bg-surface: #cbd5e1; /** gray 300 **/
}

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

  --bs-bg-surface: #d1d5db;  /** gray 300 **/
}

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

  /** gray 300 **/
  --bs-bg-surface: #d4d4d8;
}

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

  /** gray 300 **/
    --bs-bg-surface: #d4d4d4;
}

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

  /** gray 300 **/
    --bs-bg-surface: #d6d3d1;
}

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

  /** gray 300 **/
    --bs-bg-surface: #f9a8d4;
}

[data-bs-theme-primary=blue] {
  --bs-primary: #066fd1;
  --bs-primary-rgb: 6, 111, 209;
  --bs-body-color: #066fd1;
}

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

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

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

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

[data-bs-theme-primary=red] {
  --bs-primary: #d63939;
  --bs-primary-rgb: 214, 57, 57;
    --bs-body-color: #d63939;
}

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

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

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

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

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

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

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

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

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

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

[data-bs-theme-radius="2"] {
  --bs-border-radius: 2
}
[data-bs-theme-radius="4"] {
  --bs-border-radius: 4
}
[data-bs-theme-radius="5"] {
  --bs-border-radius: 5
}
[data-bs-theme-radius="8"] {
  --bs-border-radius: 8
}

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

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

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

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

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

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

/** Test dynamic Google fonts loading */
[data-bs-theme-font=Inconsolata] {
  --bs-body-font-family: 'Inconsolata'
}
/** ./ End Test dynamic Google fonts loading */


/** Custom Themes **/
[data-bs-theme-base=season] {
    --bs-bg-surface: rgba(0, 0, 0, 0.9);
}

[data-bs-theme-primary=season] {
   --bs-card-color: #eeeeee;
  --bs-primary: #eeeeee;
  --bs-primary-rgb: 238, 238, 238;
  --bs-body-color: #eeeeee;
}