@import "./theme.css";

[data-primary-palette="blue"] {
    --color-primary-50: var(--color-blue-50);
    --color-primary-100: var(--color-blue-100);
    --color-primary-200: var(--color-blue-200);
    --color-primary-300: var(--color-blue-300);
    --color-primary-400: var(--color-blue-400);
    --color-primary-500: var(--color-blue-500);
    --color-primary: var(--color-blue-500);
    --color-primary-600: var(--color-blue-600);
    --color-primary-700: var(--color-blue-700);
    --color-primary-800: var(--color-blue-800);
    --color-primary-900: var(--color-blue-900);
}

[data-primary-palette="sky"] {
    --color-primary-50: var(--color-sky-50);
    --color-primary-100: var(--color-sky-100);
    --color-primary-200: var(--color-sky-200);
    --color-primary-300: var(--color-sky-300);
    --color-primary-400: var(--color-sky-400);
    --color-primary-500: var(--color-sky-500);
    --color-primary: var(--color-sky-500);
    --color-primary-600: var(--color-sky-600);
    --color-primary-700: var(--color-sky-700);
    --color-primary-800: var(--color-sky-800);
    --color-primary-900: var(--color-sky-900);
}

[data-primary-palette="cyan"] {
    --color-primary-50: var(--color-cyan-50);
    --color-primary-100: var(--color-cyan-100);
    --color-primary-200: var(--color-cyan-200);
    --color-primary-300: var(--color-cyan-300);
    --color-primary-400: var(--color-cyan-400);
    --color-primary-500: var(--color-cyan-500);
    --color-primary: var(--color-cyan-500);
    --color-primary-600: var(--color-cyan-600);
    --color-primary-700: var(--color-cyan-700);
    --color-primary-800: var(--color-cyan-800);
    --color-primary-900: var(--color-cyan-900);
}

[data-primary-palette="teal"] {
    --color-primary-50: var(--color-teal-50);
    --color-primary-100: var(--color-teal-100);
    --color-primary-200: var(--color-teal-200);
    --color-primary-300: var(--color-teal-300);
    --color-primary-400: var(--color-teal-400);
    --color-primary-500: var(--color-teal-500);
    --color-primary: var(--color-teal-500);
    --color-primary-600: var(--color-teal-600);
    --color-primary-700: var(--color-teal-700);
    --color-primary-800: var(--color-teal-800);
    --color-primary-900: var(--color-teal-900);
}

[data-primary-palette="emerald"] {
    --color-primary-50: var(--color-emerald-50);
    --color-primary-100: var(--color-emerald-100);
    --color-primary-200: var(--color-emerald-200);
    --color-primary-300: var(--color-emerald-300);
    --color-primary-400: var(--color-emerald-400);
    --color-primary-500: var(--color-emerald-500);
    --color-primary: var(--color-emerald-500);
    --color-primary-600: var(--color-emerald-600);
    --color-primary-700: var(--color-emerald-700);
    --color-primary-800: var(--color-emerald-800);
    --color-primary-900: var(--color-emerald-900);
}

[data-primary-palette="green"] {
    --color-primary-50: var(--color-green-50);
    --color-primary-100: var(--color-green-100);
    --color-primary-200: var(--color-green-200);
    --color-primary-300: var(--color-green-300);
    --color-primary-400: var(--color-green-400);
    --color-primary-500: var(--color-green-500);
    --color-primary: var(--color-green-500);
    --color-primary-600: var(--color-green-600);
    --color-primary-700: var(--color-green-700);
    --color-primary-800: var(--color-green-800);
    --color-primary-900: var(--color-green-900);
}

[data-primary-palette="lime"] {
    --color-primary-50: var(--color-lime-50);
    --color-primary-100: var(--color-lime-100);
    --color-primary-200: var(--color-lime-200);
    --color-primary-300: var(--color-lime-300);
    --color-primary-400: var(--color-lime-400);
    --color-primary-500: var(--color-lime-500);
    --color-primary: var(--color-lime-500);
    --color-primary-600: var(--color-lime-600);
    --color-primary-700: var(--color-lime-700);
    --color-primary-800: var(--color-lime-800);
    --color-primary-900: var(--color-lime-900);
}

[data-primary-palette="yellow"] {
    --color-primary-50: var(--color-yellow-50);
    --color-primary-100: var(--color-yellow-100);
    --color-primary-200: var(--color-yellow-200);
    --color-primary-300: var(--color-yellow-300);
    --color-primary-400: var(--color-yellow-400);
    --color-primary-500: var(--color-yellow-500);
    --color-primary: var(--color-yellow-500);
    --color-primary-600: var(--color-yellow-600);
    --color-primary-700: var(--color-yellow-700);
    --color-primary-800: var(--color-yellow-800);
    --color-primary-900: var(--color-yellow-900);
}

[data-primary-palette="amber"] {
    --color-primary-50: var(--color-amber-50);
    --color-primary-100: var(--color-amber-100);
    --color-primary-200: var(--color-amber-200);
    --color-primary-300: var(--color-amber-300);
    --color-primary-400: var(--color-amber-400);
    --color-primary-500: var(--color-amber-500);
    --color-primary: var(--color-amber-500);
    --color-primary-600: var(--color-amber-600);
    --color-primary-700: var(--color-amber-700);
    --color-primary-800: var(--color-amber-800);
    --color-primary-900: var(--color-amber-900);
}

[data-primary-palette="orange"] {
    --color-primary-50: var(--color-orange-50);
    --color-primary-100: var(--color-orange-100);
    --color-primary-200: var(--color-orange-200);
    --color-primary-300: var(--color-orange-300);
    --color-primary-400: var(--color-orange-400);
    --color-primary-500: var(--color-orange-500);
    --color-primary: var(--color-orange-500);
    --color-primary-600: var(--color-orange-600);
    --color-primary-700: var(--color-orange-700);
    --color-primary-800: var(--color-orange-800);
    --color-primary-900: var(--color-orange-900);
}

[data-primary-palette="red"] {
    --color-primary-50: var(--color-red-50);
    --color-primary-100: var(--color-red-100);
    --color-primary-200: var(--color-red-200);
    --color-primary-300: var(--color-red-300);
    --color-primary-400: var(--color-red-400);
    --color-primary-500: var(--color-red-500);
    --color-primary: var(--color-red-500);
    --color-primary-600: var(--color-red-600);
    --color-primary-700: var(--color-red-700);
    --color-primary-800: var(--color-red-800);
    --color-primary-900: var(--color-red-900);
}

[data-primary-palette="rose"] {
    --color-primary-50: var(--color-rose-50);
    --color-primary-100: var(--color-rose-100);
    --color-primary-200: var(--color-rose-200);
    --color-primary-300: var(--color-rose-300);
    --color-primary-400: var(--color-rose-400);
    --color-primary-500: var(--color-rose-500);
    --color-primary: var(--color-rose-500);
    --color-primary-600: var(--color-rose-600);
    --color-primary-700: var(--color-rose-700);
    --color-primary-800: var(--color-rose-800);
    --color-primary-900: var(--color-rose-900);
}

[data-primary-palette="pink"] {
    --color-primary-50: var(--color-pink-50);
    --color-primary-100: var(--color-pink-100);
    --color-primary-200: var(--color-pink-200);
    --color-primary-300: var(--color-pink-300);
    --color-primary-400: var(--color-pink-400);
    --color-primary-500: var(--color-pink-500);
    --color-primary: var(--color-pink-500);
    --color-primary-600: var(--color-pink-600);
    --color-primary-700: var(--color-pink-700);
    --color-primary-800: var(--color-pink-800);
    --color-primary-900: var(--color-pink-900);
}

[data-primary-palette="fuchsia"] {
    --color-primary-50: var(--color-fuchsia-50);
    --color-primary-100: var(--color-fuchsia-100);
    --color-primary-200: var(--color-fuchsia-200);
    --color-primary-300: var(--color-fuchsia-300);
    --color-primary-400: var(--color-fuchsia-400);
    --color-primary-500: var(--color-fuchsia-500);
    --color-primary: var(--color-fuchsia-500);
    --color-primary-600: var(--color-fuchsia-600);
    --color-primary-700: var(--color-fuchsia-700);
    --color-primary-800: var(--color-fuchsia-800);
    --color-primary-900: var(--color-fuchsia-900);
}

[data-primary-palette="purple"] {
    --color-primary-50: var(--color-purple-50);
    --color-primary-100: var(--color-purple-100);
    --color-primary-200: var(--color-purple-200);
    --color-primary-300: var(--color-purple-300);
    --color-primary-400: var(--color-purple-400);
    --color-primary-500: var(--color-purple-500);
    --color-primary: var(--color-purple-500);
    --color-primary-600: var(--color-purple-600);
    --color-primary-700: var(--color-purple-700);
    --color-primary-800: var(--color-purple-800);
    --color-primary-900: var(--color-purple-900);
}

[data-primary-palette="violet"] {
    --color-primary-50: var(--color-violet-50);
    --color-primary-100: var(--color-violet-100);
    --color-primary-200: var(--color-violet-200);
    --color-primary-300: var(--color-violet-300);
    --color-primary-400: var(--color-violet-400);
    --color-primary-500: var(--color-violet-500);
    --color-primary: var(--color-violet-500);
    --color-primary-600: var(--color-violet-600);
    --color-primary-700: var(--color-violet-700);
    --color-primary-800: var(--color-violet-800);
    --color-primary-900: var(--color-violet-900);
}

[data-primary-palette="indigo"] {
    --color-primary-50: var(--color-indigo-50);
    --color-primary-100: var(--color-indigo-100);
    --color-primary-200: var(--color-indigo-200);
    --color-primary-300: var(--color-indigo-300);
    --color-primary-400: var(--color-indigo-400);
    --color-primary-500: var(--color-indigo-500);
    --color-primary: var(--color-indigo-500);
    --color-primary-600: var(--color-indigo-600);
    --color-primary-700: var(--color-indigo-700);
    --color-primary-800: var(--color-indigo-800);
    --color-primary-900: var(--color-indigo-900);
}

[data-primary-palette="slate"] {
    --color-primary-50: var(--color-slate-50);
    --color-primary-100: var(--color-slate-100);
    --color-primary-200: var(--color-slate-200);
    --color-primary-300: var(--color-slate-300);
    --color-primary-400: var(--color-slate-400);
    --color-primary-500: var(--color-slate-500);
    --color-primary: var(--color-slate-500);
    --color-primary-600: var(--color-slate-600);
    --color-primary-700: var(--color-slate-700);
    --color-primary-800: var(--color-slate-800);
    --color-primary-900: var(--color-slate-900);
}

[data-primary-palette="gray"] {
    --color-primary-50: var(--color-gray-50);
    --color-primary-100: var(--color-gray-100);
    --color-primary-200: var(--color-gray-200);
    --color-primary-300: var(--color-gray-300);
    --color-primary-400: var(--color-gray-400);
    --color-primary-500: var(--color-gray-500);
    --color-primary: var(--color-gray-500);
    --color-primary-600: var(--color-gray-600);
    --color-primary-700: var(--color-gray-700);
    --color-primary-800: var(--color-gray-800);
    --color-primary-900: var(--color-gray-900);
}

[data-primary-palette="zinc"] {
    --color-primary-50: var(--color-zinc-50);
    --color-primary-100: var(--color-zinc-100);
    --color-primary-200: var(--color-zinc-200);
    --color-primary-300: var(--color-zinc-300);
    --color-primary-400: var(--color-zinc-400);
    --color-primary-500: var(--color-zinc-500);
    --color-primary: var(--color-zinc-500);
    --color-primary-600: var(--color-zinc-600);
    --color-primary-700: var(--color-zinc-700);
    --color-primary-800: var(--color-zinc-800);
    --color-primary-900: var(--color-zinc-900);
}

[data-primary-palette="neutral"] {
    --color-primary-50: var(--color-neutral-50);
    --color-primary-100: var(--color-neutral-100);
    --color-primary-200: var(--color-neutral-200);
    --color-primary-300: var(--color-neutral-300);
    --color-primary-400: var(--color-neutral-400);
    --color-primary-500: var(--color-neutral-500);
    --color-primary: var(--color-neutral-500);
    --color-primary-600: var(--color-neutral-600);
    --color-primary-700: var(--color-neutral-700);
    --color-primary-800: var(--color-neutral-800);
    --color-primary-900: var(--color-neutral-900);
}

[data-primary-palette="stone"] {
    --color-primary-50: var(--color-stone-50);
    --color-primary-100: var(--color-stone-100);
    --color-primary-200: var(--color-stone-200);
    --color-primary-300: var(--color-stone-300);
    --color-primary-400: var(--color-stone-400);
    --color-primary-500: var(--color-stone-500);
    --color-primary: var(--color-stone-500);
    --color-primary-600: var(--color-stone-600);
    --color-primary-700: var(--color-stone-700);
    --color-primary-800: var(--color-stone-800);
    --color-primary-900: var(--color-stone-900);
}

/* ============================================
   TAILWIND v4 SECONDARY COLOR PALETTES
   Maps --color-secondary-* to built-in Tailwind colors
   Use: data-secondary-palette="purple" on html element
   ============================================ */
[data-secondary-palette="blue"] {
    --color-secondary-50: var(--color-blue-50);
    --color-secondary-100: var(--color-blue-100);
    --color-secondary-200: var(--color-blue-200);
    --color-secondary-300: var(--color-blue-300);
    --color-secondary-400: var(--color-blue-400);
    --color-secondary-500: var(--color-blue-500);
    --color-secondary: var(--color-blue-500);
    --color-secondary-600: var(--color-blue-600);
    --color-secondary-700: var(--color-blue-700);
    --color-secondary-800: var(--color-blue-800);
    --color-secondary-900: var(--color-blue-900);
}

[data-secondary-palette="sky"] {
    --color-secondary-50: var(--color-sky-50);
    --color-secondary-100: var(--color-sky-100);
    --color-secondary-200: var(--color-sky-200);
    --color-secondary-300: var(--color-sky-300);
    --color-secondary-400: var(--color-sky-400);
    --color-secondary-500: var(--color-sky-500);
    --color-secondary: var(--color-sky-500);
    --color-secondary-600: var(--color-sky-600);
    --color-secondary-700: var(--color-sky-700);
    --color-secondary-800: var(--color-sky-800);
    --color-secondary-900: var(--color-sky-900);
}

[data-secondary-palette="cyan"] {
    --color-secondary-50: var(--color-cyan-50);
    --color-secondary-100: var(--color-cyan-100);
    --color-secondary-200: var(--color-cyan-200);
    --color-secondary-300: var(--color-cyan-300);
    --color-secondary-400: var(--color-cyan-400);
    --color-secondary-500: var(--color-cyan-500);
    --color-secondary: var(--color-cyan-500);
    --color-secondary-600: var(--color-cyan-600);
    --color-secondary-700: var(--color-cyan-700);
    --color-secondary-800: var(--color-cyan-800);
    --color-secondary-900: var(--color-cyan-900);
}

[data-secondary-palette="teal"] {
    --color-secondary-50: var(--color-teal-50);
    --color-secondary-100: var(--color-teal-100);
    --color-secondary-200: var(--color-teal-200);
    --color-secondary-300: var(--color-teal-300);
    --color-secondary-400: var(--color-teal-400);
    --color-secondary-500: var(--color-teal-500);
    --color-secondary: var(--color-teal-500);
    --color-secondary-600: var(--color-teal-600);
    --color-secondary-700: var(--color-teal-700);
    --color-secondary-800: var(--color-teal-800);
    --color-secondary-900: var(--color-teal-900);
}

[data-secondary-palette="emerald"] {
    --color-secondary-50: var(--color-emerald-50);
    --color-secondary-100: var(--color-emerald-100);
    --color-secondary-200: var(--color-emerald-200);
    --color-secondary-300: var(--color-emerald-300);
    --color-secondary-400: var(--color-emerald-400);
    --color-secondary-500: var(--color-emerald-500);
    --color-secondary: var(--color-emerald-500);
    --color-secondary-600: var(--color-emerald-600);
    --color-secondary-700: var(--color-emerald-700);
    --color-secondary-800: var(--color-emerald-800);
    --color-secondary-900: var(--color-emerald-900);
}

[data-secondary-palette="green"] {
    --color-secondary-50: var(--color-green-50);
    --color-secondary-100: var(--color-green-100);
    --color-secondary-200: var(--color-green-200);
    --color-secondary-300: var(--color-green-300);
    --color-secondary-400: var(--color-green-400);
    --color-secondary-500: var(--color-green-500);
    --color-secondary: var(--color-green-500);
    --color-secondary-600: var(--color-green-600);
    --color-secondary-700: var(--color-green-700);
    --color-secondary-800: var(--color-green-800);
    --color-secondary-900: var(--color-green-900);
}

[data-secondary-palette="lime"] {
    --color-secondary-50: var(--color-lime-50);
    --color-secondary-100: var(--color-lime-100);
    --color-secondary-200: var(--color-lime-200);
    --color-secondary-300: var(--color-lime-300);
    --color-secondary-400: var(--color-lime-400);
    --color-secondary-500: var(--color-lime-500);
    --color-secondary: var(--color-lime-500);
    --color-secondary-600: var(--color-lime-600);
    --color-secondary-700: var(--color-lime-700);
    --color-secondary-800: var(--color-lime-800);
    --color-secondary-900: var(--color-lime-900);
}

[data-secondary-palette="yellow"] {
    --color-secondary-50: var(--color-yellow-50);
    --color-secondary-100: var(--color-yellow-100);
    --color-secondary-200: var(--color-yellow-200);
    --color-secondary-300: var(--color-yellow-300);
    --color-secondary-400: var(--color-yellow-400);
    --color-secondary-500: var(--color-yellow-500);
    --color-secondary: var(--color-yellow-500);
    --color-secondary-600: var(--color-yellow-600);
    --color-secondary-700: var(--color-yellow-700);
    --color-secondary-800: var(--color-yellow-800);
    --color-secondary-900: var(--color-yellow-900);
}

[data-secondary-palette="amber"] {
    --color-secondary-50: var(--color-amber-50);
    --color-secondary-100: var(--color-amber-100);
    --color-secondary-200: var(--color-amber-200);
    --color-secondary-300: var(--color-amber-300);
    --color-secondary-400: var(--color-amber-400);
    --color-secondary-500: var(--color-amber-500);
    --color-secondary: var(--color-amber-500);
    --color-secondary-600: var(--color-amber-600);
    --color-secondary-700: var(--color-amber-700);
    --color-secondary-800: var(--color-amber-800);
    --color-secondary-900: var(--color-amber-900);
}

[data-secondary-palette="orange"] {
    --color-secondary-50: var(--color-orange-50);
    --color-secondary-100: var(--color-orange-100);
    --color-secondary-200: var(--color-orange-200);
    --color-secondary-300: var(--color-orange-300);
    --color-secondary-400: var(--color-orange-400);
    --color-secondary-500: var(--color-orange-500);
    --color-secondary: var(--color-orange-500);
    --color-secondary-600: var(--color-orange-600);
    --color-secondary-700: var(--color-orange-700);
    --color-secondary-800: var(--color-orange-800);
    --color-secondary-900: var(--color-orange-900);
}

[data-secondary-palette="red"] {
    --color-secondary-50: var(--color-red-50);
    --color-secondary-100: var(--color-red-100);
    --color-secondary-200: var(--color-red-200);
    --color-secondary-300: var(--color-red-300);
    --color-secondary-400: var(--color-red-400);
    --color-secondary-500: var(--color-red-500);
    --color-secondary: var(--color-red-500);
    --color-secondary-600: var(--color-red-600);
    --color-secondary-700: var(--color-red-700);
    --color-secondary-800: var(--color-red-800);
    --color-secondary-900: var(--color-red-900);
}

[data-secondary-palette="rose"] {
    --color-secondary-50: var(--color-rose-50);
    --color-secondary-100: var(--color-rose-100);
    --color-secondary-200: var(--color-rose-200);
    --color-secondary-300: var(--color-rose-300);
    --color-secondary-400: var(--color-rose-400);
    --color-secondary-500: var(--color-rose-500);
    --color-secondary: var(--color-rose-500);
    --color-secondary-600: var(--color-rose-600);
    --color-secondary-700: var(--color-rose-700);
    --color-secondary-800: var(--color-rose-800);
    --color-secondary-900: var(--color-rose-900);
}

[data-secondary-palette="pink"] {
    --color-secondary-50: var(--color-pink-50);
    --color-secondary-100: var(--color-pink-100);
    --color-secondary-200: var(--color-pink-200);
    --color-secondary-300: var(--color-pink-300);
    --color-secondary-400: var(--color-pink-400);
    --color-secondary-500: var(--color-pink-500);
    --color-secondary: var(--color-pink-500);
    --color-secondary-600: var(--color-pink-600);
    --color-secondary-700: var(--color-pink-700);
    --color-secondary-800: var(--color-pink-800);
    --color-secondary-900: var(--color-pink-900);
}

[data-secondary-palette="fuchsia"] {
    --color-secondary-50: var(--color-fuchsia-50);
    --color-secondary-100: var(--color-fuchsia-100);
    --color-secondary-200: var(--color-fuchsia-200);
    --color-secondary-300: var(--color-fuchsia-300);
    --color-secondary-400: var(--color-fuchsia-400);
    --color-secondary-500: var(--color-fuchsia-500);
    --color-secondary: var(--color-fuchsia-500);
    --color-secondary-600: var(--color-fuchsia-600);
    --color-secondary-700: var(--color-fuchsia-700);
    --color-secondary-800: var(--color-fuchsia-800);
    --color-secondary-900: var(--color-fuchsia-900);
}

[data-secondary-palette="purple"] {
    --color-secondary-50: var(--color-purple-50);
    --color-secondary-100: var(--color-purple-100);
    --color-secondary-200: var(--color-purple-200);
    --color-secondary-300: var(--color-purple-300);
    --color-secondary-400: var(--color-purple-400);
    --color-secondary-500: var(--color-purple-500);
    --color-secondary: var(--color-purple-500);
    --color-secondary-600: var(--color-purple-600);
    --color-secondary-700: var(--color-purple-700);
    --color-secondary-800: var(--color-purple-800);
    --color-secondary-900: var(--color-purple-900);
}

[data-secondary-palette="violet"] {
    --color-secondary-50: var(--color-violet-50);
    --color-secondary-100: var(--color-violet-100);
    --color-secondary-200: var(--color-violet-200);
    --color-secondary-300: var(--color-violet-300);
    --color-secondary-400: var(--color-violet-400);
    --color-secondary-500: var(--color-violet-500);
    --color-secondary: var(--color-violet-500);
    --color-secondary-600: var(--color-violet-600);
    --color-secondary-700: var(--color-violet-700);
    --color-secondary-800: var(--color-violet-800);
    --color-secondary-900: var(--color-violet-900);
}

[data-secondary-palette="indigo"] {
    --color-secondary-50: var(--color-indigo-50);
    --color-secondary-100: var(--color-indigo-100);
    --color-secondary-200: var(--color-indigo-200);
    --color-secondary-300: var(--color-indigo-300);
    --color-secondary-400: var(--color-indigo-400);
    --color-secondary-500: var(--color-indigo-500);
    --color-secondary: var(--color-indigo-500);
    --color-secondary-600: var(--color-indigo-600);
    --color-secondary-700: var(--color-indigo-700);
    --color-secondary-800: var(--color-indigo-800);
    --color-secondary-900: var(--color-indigo-900);
}

[data-secondary-palette="slate"] {
    --color-secondary-50: var(--color-slate-50);
    --color-secondary-100: var(--color-slate-100);
    --color-secondary-200: var(--color-slate-200);
    --color-secondary-300: var(--color-slate-300);
    --color-secondary-400: var(--color-slate-400);
    --color-secondary-500: var(--color-slate-500);
    --color-secondary: var(--color-slate-500);
    --color-secondary-600: var(--color-slate-600);
    --color-secondary-700: var(--color-slate-700);
    --color-secondary-800: var(--color-slate-800);
    --color-secondary-900: var(--color-slate-900);
}

[data-secondary-palette="gray"] {
    --color-secondary-50: var(--color-gray-50);
    --color-secondary-100: var(--color-gray-100);
    --color-secondary-200: var(--color-gray-200);
    --color-secondary-300: var(--color-gray-300);
    --color-secondary-400: var(--color-gray-400);
    --color-secondary-500: var(--color-gray-500);
    --color-secondary: var(--color-gray-500);
    --color-secondary-600: var(--color-gray-600);
    --color-secondary-700: var(--color-gray-700);
    --color-secondary-800: var(--color-gray-800);
    --color-secondary-900: var(--color-gray-900);
}

[data-secondary-palette="zinc"] {
    --color-secondary-50: var(--color-zinc-50);
    --color-secondary-100: var(--color-zinc-100);
    --color-secondary-200: var(--color-zinc-200);
    --color-secondary-300: var(--color-zinc-300);
    --color-secondary-400: var(--color-zinc-400);
    --color-secondary-500: var(--color-zinc-500);
    --color-secondary: var(--color-zinc-500);
    --color-secondary-600: var(--color-zinc-600);
    --color-secondary-700: var(--color-zinc-700);
    --color-secondary-800: var(--color-zinc-800);
    --color-secondary-900: var(--color-zinc-900);
}

[data-secondary-palette="neutral"] {
    --color-secondary-50: var(--color-neutral-50);
    --color-secondary-100: var(--color-neutral-100);
    --color-secondary-200: var(--color-neutral-200);
    --color-secondary-300: var(--color-neutral-300);
    --color-secondary-400: var(--color-neutral-400);
    --color-secondary-500: var(--color-neutral-500);
    --color-secondary: var(--color-neutral-500);
    --color-secondary-600: var(--color-neutral-600);
    --color-secondary-700: var(--color-neutral-700);
    --color-secondary-800: var(--color-neutral-800);
    --color-secondary-900: var(--color-neutral-900);
}

[data-secondary-palette="stone"] {
    --color-secondary-50: var(--color-stone-50);
    --color-secondary-100: var(--color-stone-100);
    --color-secondary-200: var(--color-stone-200);
    --color-secondary-300: var(--color-stone-300);
    --color-secondary-400: var(--color-stone-400);
    --color-secondary-500: var(--color-stone-500);
    --color-secondary: var(--color-stone-500);
    --color-secondary-600: var(--color-stone-600);
    --color-secondary-700: var(--color-stone-700);
    --color-secondary-800: var(--color-stone-800);
    --color-secondary-900: var(--color-stone-900);
}