/**
 * Tabler Theme Variations
 * Adds support for multiple primary colors, fonts, bases, and border radius
 */

/* Primary Color Variations */
[data-bs-theme-primary="azure"] {
  --tblr-primary: #4299e1;
  --tblr-primary-rgb: 66, 153, 225;
  --tblr-primary-fg: #fff;
}

[data-bs-theme-primary="indigo"] {
  --tblr-primary: #667eea;
  --tblr-primary-rgb: 102, 126, 234;
  --tblr-primary-fg: #fff;
}

[data-bs-theme-primary="purple"] {
  --tblr-primary: #a855f7;
  --tblr-primary-rgb: 168, 85, 247;
  --tblr-primary-fg: #fff;
}

[data-bs-theme-primary="pink"] {
  --tblr-primary: #ec4899;
  --tblr-primary-rgb: 236, 72, 153;
  --tblr-primary-fg: #fff;
}

[data-bs-theme-primary="red"] {
  --tblr-primary: #ef4444;
  --tblr-primary-rgb: 239, 68, 68;
  --tblr-primary-fg: #fff;
}

[data-bs-theme-primary="orange"] {
  --tblr-primary: #f97316;
  --tblr-primary-rgb: 249, 115, 22;
  --tblr-primary-fg: #fff;
}

[data-bs-theme-primary="yellow"] {
  --tblr-primary: #f59e0b;
  --tblr-primary-rgb: 245, 158, 11;
  --tblr-primary-fg: #000;
}

[data-bs-theme-primary="lime"] {
  --tblr-primary: #84cc16;
  --tblr-primary-rgb: 132, 204, 22;
  --tblr-primary-fg: #000;
}

[data-bs-theme-primary="green"] {
  --tblr-primary: #22c55e;
  --tblr-primary-rgb: 34, 197, 94;
  --tblr-primary-fg: #fff;
}

[data-bs-theme-primary="teal"] {
  --tblr-primary: #14b8a6;
  --tblr-primary-rgb: 20, 184, 166;
  --tblr-primary-fg: #fff;
}

[data-bs-theme-primary="cyan"] {
  --tblr-primary: #06b6d4;
  --tblr-primary-rgb: 6, 182, 212;
  --tblr-primary-fg: #fff;
}

/* Font Family Variations */
[data-bs-theme-font="serif"] {
  --tblr-font-sans-serif: Georgia, "Times New Roman", Times, serif;
}

[data-bs-theme-font="monospace"] {
  --tblr-font-sans-serif: "Courier New", Courier, monospace;
}

[data-bs-theme-font="comic"] {
  --tblr-font-sans-serif: "Comic Sans MS", "Comic Sans", cursive;
}

/* Border Radius Variations */
[data-bs-theme-radius="0"] {
  --tblr-border-radius: 0;
  --tblr-border-radius-sm: 0;
  --tblr-border-radius-lg: 0;
  --tblr-border-radius-xl: 0;
  --tblr-border-radius-2xl: 0;
  --tblr-border-radius-pill: 0;
}

[data-bs-theme-radius="0.5"] {
  --tblr-border-radius: 0.125rem;
  --tblr-border-radius-sm: 0.0625rem;
  --tblr-border-radius-lg: 0.1875rem;
  --tblr-border-radius-xl: 0.25rem;
  --tblr-border-radius-2xl: 0.5rem;
  --tblr-border-radius-pill: 50rem;
}

[data-bs-theme-radius="1.5"] {
  --tblr-border-radius: 0.375rem;
  --tblr-border-radius-sm: 0.1875rem;
  --tblr-border-radius-lg: 0.5rem;
  --tblr-border-radius-xl: 0.75rem;
  --tblr-border-radius-2xl: 1.5rem;
  --tblr-border-radius-pill: 50rem;
}

[data-bs-theme-radius="2"] {
  --tblr-border-radius: 0.5rem;
  --tblr-border-radius-sm: 0.25rem;
  --tblr-border-radius-lg: 0.75rem;
  --tblr-border-radius-xl: 1rem;
  --tblr-border-radius-2xl: 2rem;
  --tblr-border-radius-pill: 50rem;
}

/* Theme Base Variations (Gray shades) */
[data-bs-theme-base="slate"] {
  --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;
}

[data-bs-theme-base="zinc"] {
  --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;
}

[data-bs-theme-base="neutral"] {
  --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;
}

[data-bs-theme-base="stone"] {
  --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;
}

/* Social Media Brand Colors */
.text-facebook { color: #1877f2 !important; }
.text-twitter { color: #000000 !important; }
.text-linkedin { color: #0a66c2 !important; }
.bg-facebook { background-color: #1877f2 !important; }
.bg-twitter { background-color: #000000 !important; }
.bg-linkedin { background-color: #0a66c2 !important; }