:root {

/*----------------------*/
/* COLORS */

/* Spectrum */
--black   : #000000;
--white   : #ffffff;

--slate-50:  #f8fafc;
--slate-100: #f1f5f9;
--slate-200: #e2e8f0;
--slate-300: #cbd5e1;
--slate-400: #94a3b8;
--slate-500: #64748b;
--slate-600: #475569;
--slate-700: #334155;
--slate-800: #1e293b;
--slate-900: #0f172a;

--gray-50:  #f9fafb;
--gray-100: #f3f4f6;
--gray-200: #e5e7eb;
--gray-300: #d1d5db;
--gray-400: #9ca3af;
--gray-500: #6b7280;
--gray-600: #4b5563;
--gray-700: #374151;
--gray-800: #1f2937;
--gray-900: #111827;

--zinc-50:  #fafafa;
--zinc-100: #f4f4f5;
--zinc-200: #e4e4e7;
--zinc-300: #d4d4d8;
--zinc-400: #a1a1aa;
--zinc-500: #71717a;
--zinc-600: #52525b;
--zinc-700: #3f3f46;
--zinc-800: #27272a;
--zinc-900: #18181b;

--neutral-50:  #fafafa;
--neutral-100: #f5f5f5;
--neutral-200: #e5e5e5;
--neutral-300: #d4d4d4;
--neutral-400: #a3a3a3;
--neutral-500: #737373;
--neutral-600: #525252;
--neutral-700: #404040;
--neutral-800: #262626;
--neutral-900: #171717;

--stone-50:  #fafaf9;
--stone-100: #f5f5f4;
--stone-200: #e7e5e4;
--stone-300: #d6d3d1;
--stone-400: #a8a29e;
--stone-500: #78716c;
--stone-600: #57534e;
--stone-700: #44403c;
--stone-800: #292524;
--stone-900: #1c1917;

--red-50:  #fef2f2;
--red-100: #fee2e2;
--red-200: #fecaca;
--red-300: #fca5a5;
--red-400: #f87171;
--red-500: #ef4444;
--red-600: #dc2626;
--red-700: #b91c1c;
--red-800: #991b1b;
--red-900: #7f1d1d;

--orange-50:  #fff7ed;
--orange-100: #ffedd5;
--orange-200: #fed7aa;
--orange-300: #fdba74;
--orange-400: #fb923c;
--orange-500: #f97316;
--orange-600: #ea580c;
--orange-700: #c2410c;
--orange-800: #9a3412;
--orange-900: #7c2d12;

--amber-50:  #fffbeb;
--amber-100: #fef3c7;
--amber-200: #fde68a;
--amber-300: #fcd34d;
--amber-400: #fbbf24;
--amber-500: #f59e0b;
--amber-600: #d97706;
--amber-700: #b45309;
--amber-800: #92400e;
--amber-900: #78350f;

--yellow-50:  #fefce8;
--yellow-100: #fef9c3;
--yellow-200: #fef08a;
--yellow-300: #fde047;
--yellow-400: #facc15;
--yellow-500: #eab308;
--yellow-600: #ca8a04;
--yellow-700: #a16207;
--yellow-800: #854d0e;
--yellow-900: #713f12;

--lime-50:  #f7fee7;
--lime-100: #ecfccb;
--lime-200: #d9f99d;
--lime-300: #bef264;
--lime-400: #a3e635;
--lime-500: #84cc16;
--lime-600: #65a30d;
--lime-700: #4d7c0f;
--lime-800: #3f6212;
--lime-900: #365314;

--green-50:  #f0fdf4;
--green-100: #dcfce7;
--green-200: #bbf7d0;
--green-300: #86efac;
--green-400: #4ade80;
--green-500: #22c55e;
--green-600: #16a34a;
--green-700: #15803d;
--green-800: #166534;
--green-900: #14532d;

--emerald-50:  #ecfdf5;
--emerald-100: #d1fae5;
--emerald-200: #a7f3d0;
--emerald-300: #6ee7b7;
--emerald-400: #34d399;
--emerald-500: #10b981;
--emerald-600: #059669;
--emerald-700: #047857;
--emerald-800: #065f46;
--emerald-900: #064e3b;

--teal-50:  #f0fdfa;
--teal-100: #ccfbf1;
--teal-200: #99f6e4;
--teal-300: #5eead4;
--teal-400: #2dd4bf;
--teal-500: #14b8a6;
--teal-600: #0d9488;
--teal-700: #0f766e;
--teal-800: #115e59;
--teal-900: #134e4a;

--cyan-50:  #ecfeff;
--cyan-100: #cffafe;
--cyan-200: #a5f3fc;
--cyan-300: #67e8f9;
--cyan-400: #22d3ee;
--cyan-500: #06b6d4;
--cyan-600: #0891b2;
--cyan-700: #0e7490;
--cyan-800: #155e75;
--cyan-900: #164e63;

--sky-50:  #e0f2fe;
--sky-100: #bae6fd;
--sky-200: #7dd3fc;
--sky-300: #38bdf8;
--sky-400: #0ea5e9;
--sky-500: #0284c7;
--sky-600: #0369a1;
--sky-700: #075985;
--sky-800: #0c4a6e;
--sky-900: #0a4369;

--blue-50:  #eff6ff;
--blue-100: #dbeafe;
--blue-200: #bfdbfe;
--blue-300: #93c5fd;
--blue-400: #60a5fa;
--blue-500: #3b82f6;
--blue-600: #2563eb;
--blue-700: #1d4ed8;
--blue-800: #1e40af;
--blue-900: #1e3a8a;

--indigo-50:  #eef2ff;
--indigo-100: #e0e7ff;
--indigo-200: #c7d2fe;
--indigo-300: #a5b4fc;
--indigo-400: #818cf8;
--indigo-500: #6366f1;
--indigo-600: #4f46e5;
--indigo-700: #4338ca;
--indigo-800: #3730a3;
--indigo-900: #312e81;

--violet-50:  #f5f3ff;
--violet-100: #ede9fe;
--violet-200: #ddd6fe;
--violet-300: #c4b5fd;
--violet-400: #a78bfa;
--violet-500: #8b5cf6;
--violet-600: #7c3aed;
--violet-700: #6d28d9;
--violet-800: #5b21b6;
--violet-900: #4c1d95;

--purple-50:  #faf5ff;
--purple-100: #f3e8ff;
--purple-200: #e9d5ff;
--purple-300: #d8b4fe;
--purple-400: #c084fc;
--purple-500: #a855f7;
--purple-600: #9333ea;
--purple-700: #7e22ce;
--purple-800: #6b21a8;
--purple-900: #581c87;

--fuchsia-50:  #fdf4ff;
--fuchsia-100: #fae8ff;
--fuchsia-200: #f5d0fe;
--fuchsia-300: #f0abfc;
--fuchsia-400: #e879f9;
--fuchsia-500: #d946ef;
--fuchsia-600: #c026d3;
--fuchsia-700: #a21caf;
--fuchsia-800: #86198f;
--fuchsia-900: #701a75;

--pink-50:  #fdf2f8;
--pink-100: #fce7f3;
--pink-200: #fbcfe8;
--pink-300: #f9a8d4;
--pink-400: #f472b6;
--pink-500: #ec4899;
--pink-600: #db2777;
--pink-700: #be185d;
--pink-800: #9d174d;
--pink-900: #831843;

--rose-50:  #fff1f2;
--rose-100: #ffe4e6;
--rose-200: #fecdd3;
--rose-300: #fda4af;
--rose-400: #fb7185;
--rose-500: #f43f5e;
--rose-600: #e11d48;
--rose-700: #be123c;
--rose-800: #9f1239;
--rose-900: #881337;

/* Text */
--text-default      : var(--gray-900);
--text-subdued      : var(--gray-600);
--text-disabled      : var(--gray-500);
--text-inverse      : var(--white0);
--text-inverse-subdued   : var(--gray-200);
--text-success      : var(--green-600);
--text-success-darker    : var(--green-800);
--text-critical      : var(--red-600);
--text-critical-darker    : var(--red-800);
--text-informational     : var(--blue-600);
--text-informational-darker : var(--blue-800);
--text-warning      : var(--orange-700);
--text-warning-darker    : var(--orange-800);

/* Background */
--bg-default : var(--gray-50);

/* Surface */
--surface-default   : var(--white);
--surface-subdued   : var(--gray-50);
--surface-hovered   : var(--gray-100);
--surface-disabled   : var(--gray-100);
--surface-foreground  : var(--gray-900);
--surface-pressed   : var(--gray-200);

/* Surface Selected */
--surface-selected-default : var(--gray-100);
--surface-selected-hovered : var(--gray-300);

/* Surface Neutral */
--surface-neutral-default : var(--gray-200);
--surface-neutral-subdued : var(--gray-100);

/* Surface Success */
--surface-success-default : var(--green-300);
--surface-success-subdued : var(--green-50);
--surface-success-darker : var(--green-900);

/* Surface Critical */
--surface-critical-default : var(--red-100);
--surface-critical-subdued : var(--red-50);
--surface-critical-darker : var(--red-900);

/* Surface Informational */
--surface-informational-default : var(--cyan-300);
--surface-informational-subdued : var(--cyan-50);
--surface-informational-darker : var(--cyan-900);

/* Surface Warning */
--surface-warning-default : var(--orange-200);
--surface-warning-subdued : var(--orange-100);
--surface-warning-darker : var(--orange-900);

/* Interactive */
--interactive-default   : var(--blue-700);
--interactive-hovered   : var(--blue-800);
--interactive-focused   : var(--blue-500);
--interactive-disabled   : var(--gray-300);
--interactive-foreground  : var(--blue-400);
--interactive-critical   : var(--red-600);

/* Border */
--border-high   : var(--gray-700);
--border-default  : var(--gray-500);
--border-subdued  : var(--gray-300);
--border-disabled  : var(--gray-200);
--border-hovered  : var(--gray-800);
--border-pressed  : var(--gray-900);

--border-success  : var(--green-500);
--border-critical  : var(--red-600);
--border-informational : var(--blue-500);
--border-warning  : var(--orange-400);

/* Action */
--action-default  : var(--blue-700);
--action-hovered : var(--blue-800);
--action-pressed : var(--blue-900);
--action-disabled : var(--gray-300);

/* Action Neutral */
--action-neutral-default  : var(--gray-900);
--action-neutral-hovered : var(--gray-900);
--action-neutral-pressed : var(--black0);

/* Expressive */
--expressive-surface-dark-blue : var(--blue-900);

/* Icon */
--icon-default     : var(--gray-800);
--icon-subdued     : var(--gray-500);
--icon-hovered     : var(--gray-900);
--icon-pressed     : var(--gray-900);
--icon-disabled    : var(--gray-400);
--icon-inverse     : var(--gray-50);
--icon-success     : var(--green-500);
--icon-critical    : var(--red-600);
--icon-informational  : var(--blue-800);
--icon-warning     : var(--orange-500);

/* Base */
--base-primary   : var(--blue-700);
--base-success   : var(--green-600);
--base-critical   : var(--red-700);
--base-informational : var(--blue-500);
--base-warning   : var(--orange-300);

/* Overlay */
--overlay-default : var(--gray-100-70);

}

/* Text Colors */
.text-transparent { color: var(--transparent) !important; }
.text-black { color: var(--black) !important; }
.text-white { color: var(--white) !important; }

.text-slate-50  { color: var(--slate-50) !important; }
.text-slate-100 { color: var(--slate-100) !important; }
.text-slate-200 { color: var(--slate-200) !important; }
.text-slate-300 { color: var(--slate-300) !important; }
.text-slate-400 { color: var(--slate-400) !important; }
.text-slate-500 { color: var(--slate-500) !important; }
.text-slate-600 { color: var(--slate-600) !important; }
.text-slate-700 { color: var(--slate-700) !important; }
.text-slate-800 { color: var(--slate-800) !important; }
.text-slate-900 { color: var(--slate-900) !important; }

.text-gray-50  { color: var(--gray-50) !important; }
.text-gray-100 { color: var(--gray-100) !important; }
.text-gray-200 { color: var(--gray-200) !important; }
.text-gray-300 { color: var(--gray-300) !important; }
.text-gray-400 { color: var(--gray-400) !important; }
.text-gray-500 { color: var(--gray-500) !important; }
.text-gray-600 { color: var(--gray-600) !important; }
.text-gray-700 { color: var(--gray-700) !important; }
.text-gray-800 { color: var(--gray-800) !important; }
.text-gray-900 { color: var(--gray-900) !important; }

.text-zinc-50  { color: var(--zinc-50) !important; }
.text-zinc-100 { color: var(--zinc-100) !important; }
.text-zinc-200 { color: var(--zinc-200) !important; }
.text-zinc-300 { color: var(--zinc-300) !important; }
.text-zinc-400 { color: var(--zinc-400) !important; }
.text-zinc-500 { color: var(--zinc-500) !important; }
.text-zinc-600 { color: var(--zinc-600) !important; }
.text-zinc-700 { color: var(--zinc-700) !important; }
.text-zinc-800 { color: var(--zinc-800) !important; }
.text-zinc-900 { color: var(--zinc-900) !important; }

.text-neutral-50  { color: var(--neutral-50) !important; }
.text-neutral-100 { color: var(--neutral-100) !important; }
.text-neutral-200 { color: var(--neutral-200) !important; }
.text-neutral-300 { color: var(--neutral-300) !important; }
.text-neutral-400 { color: var(--neutral-400) !important; }
.text-neutral-500 { color: var(--neutral-500) !important; }
.text-neutral-600 { color: var(--neutral-600) !important; }
.text-neutral-700 { color: var(--neutral-700) !important; }
.text-neutral-800 { color: var(--neutral-800) !important; }
.text-neutral-900 { color: var(--neutral-900) !important; }

.text-stone-50  { color: var(--stone-50) !important; }
.text-stone-100 { color: var(--stone-100) !important; }
.text-stone-200 { color: var(--stone-200) !important; }
.text-stone-300 { color: var(--stone-300) !important; }
.text-stone-400 { color: var(--stone-400) !important; }
.text-stone-500 { color: var(--stone-500) !important; }
.text-stone-600 { color: var(--stone-600) !important; }
.text-stone-700 { color: var(--stone-700) !important; }
.text-stone-800 { color: var(--stone-800) !important; }
.text-stone-900 { color: var(--stone-900) !important; }

.text-red-50  { color: var(--red-50) !important; }
.text-red-100 { color: var(--red-100) !important; }
.text-red-200 { color: var(--red-200) !important; }
.text-red-300 { color: var(--red-300) !important; }
.text-red-400 { color: var(--red-400) !important; }
.text-red-500 { color: var(--red-500) !important; }
.text-red-600 { color: var(--red-600) !important; }
.text-red-700 { color: var(--red-700) !important; }
.text-red-800 { color: var(--red-800) !important; }
.text-red-900 { color: var(--red-900) !important; }

.text-orange-50  { color: var(--orange-50) !important; }
.text-orange-100 { color: var(--orange-100) !important; }
.text-orange-200 { color: var(--orange-200) !important; }
.text-orange-300 { color: var(--orange-300) !important; }
.text-orange-400 { color: var(--orange-400) !important; }
.text-orange-500 { color: var(--orange-500) !important; }
.text-orange-600 { color: var(--orange-600) !important; }
.text-orange-700 { color: var(--orange-700) !important; }
.text-orange-800 { color: var(--orange-800) !important; }
.text-orange-900 { color: var(--orange-900) !important; }

.text-amber-50  { color: var(--amber-50) !important; }
.text-amber-100 { color: var(--amber-100) !important; }
.text-amber-200 { color: var(--amber-200) !important; }
.text-amber-300 { color: var(--amber-300) !important; }
.text-amber-400 { color: var(--amber-400) !important; }
.text-amber-500 { color: var(--amber-500) !important; }
.text-amber-600 { color: var(--amber-600) !important; }
.text-amber-700 { color: var(--amber-700) !important; }
.text-amber-800 { color: var(--amber-800) !important; }
.text-amber-900 { color: var(--amber-900) !important; }

.text-yellow-50  { color: var(--yellow-50) !important; }
.text-yellow-100 { color: var(--yellow-100) !important; }
.text-yellow-200 { color: var(--yellow-200) !important; }
.text-yellow-300 { color: var(--yellow-300) !important; }
.text-yellow-400 { color: var(--yellow-400) !important; }
.text-yellow-500 { color: var(--yellow-500) !important; }
.text-yellow-600 { color: var(--yellow-600) !important; }
.text-yellow-700 { color: var(--yellow-700) !important; }
.text-yellow-800 { color: var(--yellow-800) !important; }
.text-yellow-900 { color: var(--yellow-900) !important; }

.text-lime-50  { color: var(--lime-50) !important; }
.text-lime-100 { color: var(--lime-100) !important; }
.text-lime-200 { color: var(--lime-200) !important; }
.text-lime-300 { color: var(--lime-300) !important; }
.text-lime-400 { color: var(--lime-400) !important; }
.text-lime-500 { color: var(--lime-500) !important; }
.text-lime-600 { color: var(--lime-600) !important; }
.text-lime-700 { color: var(--lime-700) !important; }
.text-lime-800 { color: var(--lime-800) !important; }
.text-lime-900 { color: var(--lime-900) !important; }

.text-green-50  { color: var(--green-50) !important; }
.text-green-100 { color: var(--green-100) !important; }
.text-green-200 { color: var(--green-200) !important; }
.text-green-300 { color: var(--green-300) !important; }
.text-green-400 { color: var(--green-400) !important; }
.text-green-500 { color: var(--green-500) !important; }
.text-green-600 { color: var(--green-600) !important; }
.text-green-700 { color: var(--green-700) !important; }
.text-green-800 { color: var(--green-800) !important; }
.text-green-900 { color: var(--green-900) !important; }

.text-emerald-50  { color: var(--emerald-50) !important; }
.text-emerald-100 { color: var(--emerald-100) !important; }
.text-emerald-200 { color: var(--emerald-200) !important; }
.text-emerald-300 { color: var(--emerald-300) !important; }
.text-emerald-400 { color: var(--emerald-400) !important; }
.text-emerald-500 { color: var(--emerald-500) !important; }
.text-emerald-600 { color: var(--emerald-600) !important; }
.text-emerald-700 { color: var(--emerald-700) !important; }
.text-emerald-800 { color: var(--emerald-800) !important; }
.text-emerald-900 { color: var(--emerald-900) !important; }

.text-teal-50  { color: var(--teal-50) !important; }
.text-teal-100 { color: var(--teal-100) !important; }
.text-teal-200 { color: var(--teal-200) !important; }
.text-teal-300 { color: var(--teal-300) !important; }
.text-teal-400 { color: var(--teal-400) !important; }
.text-teal-500 { color: var(--teal-500) !important; }
.text-teal-600 { color: var(--teal-600) !important; }
.text-teal-700 { color: var(--teal-700) !important; }
.text-teal-800 { color: var(--teal-800) !important; }
.text-teal-900 { color: var(--teal-900) !important; }

.text-cyan-50  { color: var(--cyan-50) !important; }
.text-cyan-100 { color: var(--cyan-100) !important; }
.text-cyan-200 { color: var(--cyan-200) !important; }
.text-cyan-300 { color: var(--cyan-300) !important; }
.text-cyan-400 { color: var(--cyan-400) !important; }
.text-cyan-500 { color: var(--cyan-500) !important; }
.text-cyan-600 { color: var(--cyan-600) !important; }
.text-cyan-700 { color: var(--cyan-700) !important; }
.text-cyan-800 { color: var(--cyan-800) !important; }
.text-cyan-900 { color: var(--cyan-900) !important; }

.text-sky-50  { color: var(--sky-50) !important; }
.text-sky-100 { color: var(--sky-100) !important; }
.text-sky-200 { color: var(--sky-200) !important; }
.text-sky-300 { color: var(--sky-300) !important; }
.text-sky-400 { color: var(--sky-400) !important; }
.text-sky-500 { color: var(--sky-500) !important; }
.text-sky-600 { color: var(--sky-600) !important; }
.text-sky-700 { color: var(--sky-700) !important; }
.text-sky-800 { color: var(--sky-800) !important; }
.text-sky-900 { color: var(--sky-900) !important; }

.text-blue-50  { color: var(--blue-50) !important; }
.text-blue-100 { color: var(--blue-100) !important; }
.text-blue-200 { color: var(--blue-200) !important; }
.text-blue-300 { color: var(--blue-300) !important; }
.text-blue-400 { color: var(--blue-400) !important; }
.text-blue-500 { color: var(--blue-500) !important; }
.text-blue-600 { color: var(--blue-600) !important; }
.text-blue-700 { color: var(--blue-700) !important; }
.text-blue-800 { color: var(--blue-800) !important; }
.text-blue-900 { color: var(--blue-900) !important; }

.text-indigo-50  { color: var(--indigo-50) !important; }
.text-indigo-100 { color: var(--indigo-100) !important; }
.text-indigo-200 { color: var(--indigo-200) !important; }
.text-indigo-300 { color: var(--indigo-300) !important; }
.text-indigo-400 { color: var(--indigo-400) !important; }
.text-indigo-500 { color: var(--indigo-500) !important; }
.text-indigo-600 { color: var(--indigo-600) !important; }
.text-indigo-700 { color: var(--indigo-700) !important; }
.text-indigo-800 { color: var(--indigo-800) !important; }
.text-indigo-900 { color: var(--indigo-900) !important; }

.text-violet-50  { color: var(--violet-50) !important; }
.text-violet-100 { color: var(--violet-100) !important; }
.text-violet-200 { color: var(--violet-200) !important; }
.text-violet-300 { color: var(--violet-300) !important; }
.text-violet-400 { color: var(--violet-400) !important; }
.text-violet-500 { color: var(--violet-500) !important; }
.text-violet-600 { color: var(--violet-600) !important; }
.text-violet-700 { color: var(--violet-700) !important; }
.text-violet-800 { color: var(--violet-800) !important; }
.text-violet-900 { color: var(--violet-900) !important; }

.text-purple-50  { color: var(--purple-50) !important; }
.text-purple-100 { color: var(--purple-100) !important; }
.text-purple-200 { color: var(--purple-200) !important; }
.text-purple-300 { color: var(--purple-300) !important; }
.text-purple-400 { color: var(--purple-400) !important; }
.text-purple-500 { color: var(--purple-500) !important; }
.text-purple-600 { color: var(--purple-600) !important; }
.text-purple-700 { color: var(--purple-700) !important; }
.text-purple-800 { color: var(--purple-800) !important; }
.text-purple-900 { color: var(--purple-900) !important; }

.text-fuchsia-50  { color: var(--fuchsia-50) !important; }
.text-fuchsia-100 { color: var(--fuchsia-100) !important; }
.text-fuchsia-200 { color: var(--fuchsia-200) !important; }
.text-fuchsia-300 { color: var(--fuchsia-300) !important; }
.text-fuchsia-400 { color: var(--fuchsia-400) !important; }
.text-fuchsia-500 { color: var(--fuchsia-500) !important; }
.text-fuchsia-600 { color: var(--fuchsia-600) !important; }
.text-fuchsia-700 { color: var(--fuchsia-700) !important; }
.text-fuchsia-800 { color: var(--fuchsia-800) !important; }
.text-fuchsia-900 { color: var(--fuchsia-900) !important; }

.text-pink-50  { color: var(--pink-50) !important; }
.text-pink-100 { color: var(--pink-100) !important; }
.text-pink-200 { color: var(--pink-200) !important; }
.text-pink-300 { color: var(--pink-300) !important; }
.text-pink-400 { color: var(--pink-400) !important; }
.text-pink-500 { color: var(--pink-500) !important; }
.text-pink-600 { color: var(--pink-600) !important; }
.text-pink-700 { color: var(--pink-700) !important; }
.text-pink-800 { color: var(--pink-800) !important; }
.text-pink-900 { color: var(--pink-900) !important; }

.text-rose-50  { color: var(--rose-50) !important; }
.text-rose-100 { color: var(--rose-100) !important; }
.text-rose-200 { color: var(--rose-200) !important; }
.text-rose-300 { color: var(--rose-300) !important; }
.text-rose-400 { color: var(--rose-400) !important; }
.text-rose-500 { color: var(--rose-500) !important; }
.text-rose-600 { color: var(--rose-600) !important; }
.text-rose-700 { color: var(--rose-700) !important; }
.text-rose-800 { color: var(--rose-800) !important; }
.text-rose-900 { color: var(--rose-900) !important; }

/* Surface Colors */
.surface-transparent { background: var(--transparent) !important; }
.surface-black { background: var(--black) !important; }
.surface-white { background: var(--white) !important; }

.surface-slate-50  { background: var(--slate-50) !important; }
.surface-slate-100 { background: var(--slate-100) !important; }
.surface-slate-200 { background: var(--slate-200) !important; }
.surface-slate-300 { background: var(--slate-300) !important; }
.surface-slate-400 { background: var(--slate-400) !important; }
.surface-slate-500 { background: var(--slate-500) !important; }
.surface-slate-600 { background: var(--slate-600) !important; }
.surface-slate-700 { background: var(--slate-700) !important; }
.surface-slate-800 { background: var(--slate-800) !important; }
.surface-slate-900 { background: var(--slate-900) !important; }

.surface-gray-50  { background: var(--gray-50) !important; }
.surface-gray-100 { background: var(--gray-100) !important; }
.surface-gray-200 { background: var(--gray-200) !important; }
.surface-gray-300 { background: var(--gray-300) !important; }
.surface-gray-400 { background: var(--gray-400) !important; }
.surface-gray-500 { background: var(--gray-500) !important; }
.surface-gray-600 { background: var(--gray-600) !important; }
.surface-gray-700 { background: var(--gray-700) !important; }
.surface-gray-800 { background: var(--gray-800) !important; }
.surface-gray-900 { background: var(--gray-900) !important; }

.surface-zinc-50  { background: var(--zinc-50) !important; }
.surface-zinc-100 { background: var(--zinc-100) !important; }
.surface-zinc-200 { background: var(--zinc-200) !important; }
.surface-zinc-300 { background: var(--zinc-300) !important; }
.surface-zinc-400 { background: var(--zinc-400) !important; }
.surface-zinc-500 { background: var(--zinc-500) !important; }
.surface-zinc-600 { background: var(--zinc-600) !important; }
.surface-zinc-700 { background: var(--zinc-700) !important; }
.surface-zinc-800 { background: var(--zinc-800) !important; }
.surface-zinc-900 { background: var(--zinc-900) !important; }

.surface-neutral-50  { background: var(--neutral-50) !important; }
.surface-neutral-100 { background: var(--neutral-100) !important; }
.surface-neutral-200 { background: var(--neutral-200) !important; }
.surface-neutral-300 { background: var(--neutral-300) !important; }
.surface-neutral-400 { background: var(--neutral-400) !important; }
.surface-neutral-500 { background: var(--neutral-500) !important; }
.surface-neutral-600 { background: var(--neutral-600) !important; }
.surface-neutral-700 { background: var(--neutral-700) !important; }
.surface-neutral-800 { background: var(--neutral-800) !important; }
.surface-neutral-900 { background: var(--neutral-900) !important; }

.surface-stone-50  { background: var(--stone-50) !important; }
.surface-stone-100 { background: var(--stone-100) !important; }
.surface-stone-200 { background: var(--stone-200) !important; }
.surface-stone-300 { background: var(--stone-300) !important; }
.surface-stone-400 { background: var(--stone-400) !important; }
.surface-stone-500 { background: var(--stone-500) !important; }
.surface-stone-600 { background: var(--stone-600) !important; }
.surface-stone-700 { background: var(--stone-700) !important; }
.surface-stone-800 { background: var(--stone-800) !important; }
.surface-stone-900 { background: var(--stone-900) !important; }

.surface-red-50  { background: var(--red-50) !important; }
.surface-red-100 { background: var(--red-100) !important; }
.surface-red-200 { background: var(--red-200) !important; }
.surface-red-300 { background: var(--red-300) !important; }
.surface-red-400 { background: var(--red-400) !important; }
.surface-red-500 { background: var(--red-500) !important; }
.surface-red-600 { background: var(--red-600) !important; }
.surface-red-700 { background: var(--red-700) !important; }
.surface-red-800 { background: var(--red-800) !important; }
.surface-red-900 { background: var(--red-900) !important; }

.surface-orange-50  { background: var(--orange-50) !important; }
.surface-orange-100 { background: var(--orange-100) !important; }
.surface-orange-200 { background: var(--orange-200) !important; }
.surface-orange-300 { background: var(--orange-300) !important; }
.surface-orange-400 { background: var(--orange-400) !important; }
.surface-orange-500 { background: var(--orange-500) !important; }
.surface-orange-600 { background: var(--orange-600) !important; }
.surface-orange-700 { background: var(--orange-700) !important; }
.surface-orange-800 { background: var(--orange-800) !important; }
.surface-orange-900 { background: var(--orange-900) !important; }

.surface-amber-50  { background: var(--amber-50) !important; }
.surface-amber-100 { background: var(--amber-100) !important; }
.surface-amber-200 { background: var(--amber-200) !important; }
.surface-amber-300 { background: var(--amber-300) !important; }
.surface-amber-400 { background: var(--amber-400) !important; }
.surface-amber-500 { background: var(--amber-500) !important; }
.surface-amber-600 { background: var(--amber-600) !important; }
.surface-amber-700 { background: var(--amber-700) !important; }
.surface-amber-800 { background: var(--amber-800) !important; }
.surface-amber-900 { background: var(--amber-900) !important; }

.surface-yellow-50  { background: var(--yellow-50) !important; }
.surface-yellow-100 { background: var(--yellow-100) !important; }
.surface-yellow-200 { background: var(--yellow-200) !important; }
.surface-yellow-300 { background: var(--yellow-300) !important; }
.surface-yellow-400 { background: var(--yellow-400) !important; }
.surface-yellow-500 { background: var(--yellow-500) !important; }
.surface-yellow-600 { background: var(--yellow-600) !important; }
.surface-yellow-700 { background: var(--yellow-700) !important; }
.surface-yellow-800 { background: var(--yellow-800) !important; }
.surface-yellow-900 { background: var(--yellow-900) !important; }

.surface-lime-50  { background: var(--lime-50) !important; }
.surface-lime-100 { background: var(--lime-100) !important; }
.surface-lime-200 { background: var(--lime-200) !important; }
.surface-lime-300 { background: var(--lime-300) !important; }
.surface-lime-400 { background: var(--lime-400) !important; }
.surface-lime-500 { background: var(--lime-500) !important; }
.surface-lime-600 { background: var(--lime-600) !important; }
.surface-lime-700 { background: var(--lime-700) !important; }
.surface-lime-800 { background: var(--lime-800) !important; }
.surface-lime-900 { background: var(--lime-900) !important; }

.surface-green-50  { background: var(--green-50) !important; }
.surface-green-100 { background: var(--green-100) !important; }
.surface-green-200 { background: var(--green-200) !important; }
.surface-green-300 { background: var(--green-300) !important; }
.surface-green-400 { background: var(--green-400) !important; }
.surface-green-500 { background: var(--green-500) !important; }
.surface-green-600 { background: var(--green-600) !important; }
.surface-green-700 { background: var(--green-700) !important; }
.surface-green-800 { background: var(--green-800) !important; }
.surface-green-900 { background: var(--green-900) !important; }

.surface-emerald-50  { background: var(--emerald-50) !important; }
.surface-emerald-100 { background: var(--emerald-100) !important; }
.surface-emerald-200 { background: var(--emerald-200) !important; }
.surface-emerald-300 { background: var(--emerald-300) !important; }
.surface-emerald-400 { background: var(--emerald-400) !important; }
.surface-emerald-500 { background: var(--emerald-500) !important; }
.surface-emerald-600 { background: var(--emerald-600) !important; }
.surface-emerald-700 { background: var(--emerald-700) !important; }
.surface-emerald-800 { background: var(--emerald-800) !important; }
.surface-emerald-900 { background: var(--emerald-900) !important; }

.surface-teal-50  { background: var(--teal-50) !important; }
.surface-teal-100 { background: var(--teal-100) !important; }
.surface-teal-200 { background: var(--teal-200) !important; }
.surface-teal-300 { background: var(--teal-300) !important; }
.surface-teal-400 { background: var(--teal-400) !important; }
.surface-teal-500 { background: var(--teal-500) !important; }
.surface-teal-600 { background: var(--teal-600) !important; }
.surface-teal-700 { background: var(--teal-700) !important; }
.surface-teal-800 { background: var(--teal-800) !important; }
.surface-teal-900 { background: var(--teal-900) !important; }

.surface-cyan-50  { background: var(--cyan-50) !important; }
.surface-cyan-100 { background: var(--cyan-100) !important; }
.surface-cyan-200 { background: var(--cyan-200) !important; }
.surface-cyan-300 { background: var(--cyan-300) !important; }
.surface-cyan-400 { background: var(--cyan-400) !important; }
.surface-cyan-500 { background: var(--cyan-500) !important; }
.surface-cyan-600 { background: var(--cyan-600) !important; }
.surface-cyan-700 { background: var(--cyan-700) !important; }
.surface-cyan-800 { background: var(--cyan-800) !important; }
.surface-cyan-900 { background: var(--cyan-900) !important; }

.surface-sky-50  { background: var(--sky-50) !important; }
.surface-sky-100 { background: var(--sky-100) !important; }
.surface-sky-200 { background: var(--sky-200) !important; }
.surface-sky-300 { background: var(--sky-300) !important; }
.surface-sky-400 { background: var(--sky-400) !important; }
.surface-sky-500 { background: var(--sky-500) !important; }
.surface-sky-600 { background: var(--sky-600) !important; }
.surface-sky-700 { background: var(--sky-700) !important; }
.surface-sky-800 { background: var(--sky-800) !important; }
.surface-sky-900 { background: var(--sky-900) !important; }

.surface-blue-50  { background: var(--blue-50) !important; }
.surface-blue-100 { background: var(--blue-100) !important; }
.surface-blue-200 { background: var(--blue-200) !important; }
.surface-blue-300 { background: var(--blue-300) !important; }
.surface-blue-400 { background: var(--blue-400) !important; }
.surface-blue-500 { background: var(--blue-500) !important; }
.surface-blue-600 { background: var(--blue-600) !important; }
.surface-blue-700 { background: var(--blue-700) !important; }
.surface-blue-800 { background: var(--blue-800) !important; }
.surface-blue-900 { background: var(--blue-900) !important; }

.surface-indigo-50  { background: var(--indigo-50) !important; }
.surface-indigo-100 { background: var(--indigo-100) !important; }
.surface-indigo-200 { background: var(--indigo-200) !important; }
.surface-indigo-300 { background: var(--indigo-300) !important; }
.surface-indigo-400 { background: var(--indigo-400) !important; }
.surface-indigo-500 { background: var(--indigo-500) !important; }
.surface-indigo-600 { background: var(--indigo-600) !important; }
.surface-indigo-700 { background: var(--indigo-700) !important; }
.surface-indigo-800 { background: var(--indigo-800) !important; }
.surface-indigo-900 { background: var(--indigo-900) !important; }

.surface-violet-50  { background: var(--violet-50) !important; }
.surface-violet-100 { background: var(--violet-100) !important; }
.surface-violet-200 { background: var(--violet-200) !important; }
.surface-violet-300 { background: var(--violet-300) !important; }
.surface-violet-400 { background: var(--violet-400) !important; }
.surface-violet-500 { background: var(--violet-500) !important; }
.surface-violet-600 { background: var(--violet-600) !important; }
.surface-violet-700 { background: var(--violet-700) !important; }
.surface-violet-800 { background: var(--violet-800) !important; }
.surface-violet-900 { background: var(--violet-900) !important; }

.surface-purple-50  { background: var(--purple-50) !important; }
.surface-purple-100 { background: var(--purple-100) !important; }
.surface-purple-200 { background: var(--purple-200) !important; }
.surface-purple-300 { background: var(--purple-300) !important; }
.surface-purple-400 { background: var(--purple-400) !important; }
.surface-purple-500 { background: var(--purple-500) !important; }
.surface-purple-600 { background: var(--purple-600) !important; }
.surface-purple-700 { background: var(--purple-700) !important; }
.surface-purple-800 { background: var(--purple-800) !important; }
.surface-purple-900 { background: var(--purple-900) !important; }

.surface-fuchsia-50  { background: var(--fuchsia-50) !important; }
.surface-fuchsia-100 { background: var(--fuchsia-100) !important; }
.surface-fuchsia-200 { background: var(--fuchsia-200) !important; }
.surface-fuchsia-300 { background: var(--fuchsia-300) !important; }
.surface-fuchsia-400 { background: var(--fuchsia-400) !important; }
.surface-fuchsia-500 { background: var(--fuchsia-500) !important; }
.surface-fuchsia-600 { background: var(--fuchsia-600) !important; }
.surface-fuchsia-700 { background: var(--fuchsia-700) !important; }
.surface-fuchsia-800 { background: var(--fuchsia-800) !important; }
.surface-fuchsia-900 { background: var(--fuchsia-900) !important; }

.surface-pink-50  { background: var(--pink-50) !important; }
.surface-pink-100 { background: var(--pink-100) !important; }
.surface-pink-200 { background: var(--pink-200) !important; }
.surface-pink-300 { background: var(--pink-300) !important; }
.surface-pink-400 { background: var(--pink-400) !important; }
.surface-pink-500 { background: var(--pink-500) !important; }
.surface-pink-600 { background: var(--pink-600) !important; }
.surface-pink-700 { background: var(--pink-700) !important; }
.surface-pink-800 { background: var(--pink-800) !important; }
.surface-pink-900 { background: var(--pink-900) !important; }

.surface-rose-50  { background: var(--rose-50) !important; }
.surface-rose-100 { background: var(--rose-100) !important; }
.surface-rose-200 { background: var(--rose-200) !important; }
.surface-rose-300 { background: var(--rose-300) !important; }
.surface-rose-400 { background: var(--rose-400) !important; }
.surface-rose-500 { background: var(--rose-500) !important; }
.surface-rose-600 { background: var(--rose-600) !important; }
.surface-rose-700 { background: var(--rose-700) !important; }
.surface-rose-800 { background: var(--rose-800) !important; }
.surface-rose-900 { background: var(--rose-900) !important; }

/* Border Colors */
.border-transparent { border: calc(var(--unit-1) / 2) solid var(--transparent) !important; }
.border-black { border: calc(var(--unit-1) / 2) solid var(--black) !important; }
.border-white { border: calc(var(--unit-1) / 2) solid var(--white) !important; }

.border-slate-50  { border: calc(var(--unit-1) / 2) solid var(--slate-50) !important; }
.border-slate-100 { border: calc(var(--unit-1) / 2) solid var(--slate-100) !important; }
.border-slate-200 { border: calc(var(--unit-1) / 2) solid var(--slate-200) !important; }
.border-slate-300 { border: calc(var(--unit-1) / 2) solid var(--slate-300) !important; }
.border-slate-400 { border: calc(var(--unit-1) / 2) solid var(--slate-400) !important; }
.border-slate-500 { border: calc(var(--unit-1) / 2) solid var(--slate-500) !important; }
.border-slate-600 { border: calc(var(--unit-1) / 2) solid var(--slate-600) !important; }
.border-slate-700 { border: calc(var(--unit-1) / 2) solid var(--slate-700) !important; }
.border-slate-800 { border: calc(var(--unit-1) / 2) solid var(--slate-800) !important; }
.border-slate-900 { border: calc(var(--unit-1) / 2) solid var(--slate-900) !important; }

.border-gray-50  { border: calc(var(--unit-1) / 2) solid var(--gray-50) !important; }
.border-gray-100 { border: calc(var(--unit-1) / 2) solid var(--gray-100) !important; }
.border-gray-200 { border: calc(var(--unit-1) / 2) solid var(--gray-200) !important; }
.border-gray-300 { border: calc(var(--unit-1) / 2) solid var(--gray-300) !important; }
.border-gray-400 { border: calc(var(--unit-1) / 2) solid var(--gray-400) !important; }
.border-gray-500 { border: calc(var(--unit-1) / 2) solid var(--gray-500) !important; }
.border-gray-600 { border: calc(var(--unit-1) / 2) solid var(--gray-600) !important; }
.border-gray-700 { border: calc(var(--unit-1) / 2) solid var(--gray-700) !important; }
.border-gray-800 { border: calc(var(--unit-1) / 2) solid var(--gray-800) !important; }
.border-gray-900 { border: calc(var(--unit-1) / 2) solid var(--gray-900) !important; }

.border-zinc-50  { border: calc(var(--unit-1) / 2) solid var(--zinc-50) !important; }
.border-zinc-100 { border: calc(var(--unit-1) / 2) solid var(--zinc-100) !important; }
.border-zinc-200 { border: calc(var(--unit-1) / 2) solid var(--zinc-200) !important; }
.border-zinc-300 { border: calc(var(--unit-1) / 2) solid var(--zinc-300) !important; }
.border-zinc-400 { border: calc(var(--unit-1) / 2) solid var(--zinc-400) !important; }
.border-zinc-500 { border: calc(var(--unit-1) / 2) solid var(--zinc-500) !important; }
.border-zinc-600 { border: calc(var(--unit-1) / 2) solid var(--zinc-600) !important; }
.border-zinc-700 { border: calc(var(--unit-1) / 2) solid var(--zinc-700) !important; }
.border-zinc-800 { border: calc(var(--unit-1) / 2) solid var(--zinc-800) !important; }
.border-zinc-900 { border: calc(var(--unit-1) / 2) solid var(--zinc-900) !important; }

.border-neutral-50  { border: calc(var(--unit-1) / 2) solid var(--neutral-50) !important; }
.border-neutral-100 { border: calc(var(--unit-1) / 2) solid var(--neutral-100) !important; }
.border-neutral-200 { border: calc(var(--unit-1) / 2) solid var(--neutral-200) !important; }
.border-neutral-300 { border: calc(var(--unit-1) / 2) solid var(--neutral-300) !important; }
.border-neutral-400 { border: calc(var(--unit-1) / 2) solid var(--neutral-400) !important; }
.border-neutral-500 { border: calc(var(--unit-1) / 2) solid var(--neutral-500) !important; }
.border-neutral-600 { border: calc(var(--unit-1) / 2) solid var(--neutral-600) !important; }
.border-neutral-700 { border: calc(var(--unit-1) / 2) solid var(--neutral-700) !important; }
.border-neutral-800 { border: calc(var(--unit-1) / 2) solid var(--neutral-800) !important; }
.border-neutral-900 { border: calc(var(--unit-1) / 2) solid var(--neutral-900) !important; }

.border-stone-50  { border: calc(var(--unit-1) / 2) solid var(--stone-50) !important; }
.border-stone-100 { border: calc(var(--unit-1) / 2) solid var(--stone-100) !important; }
.border-stone-200 { border: calc(var(--unit-1) / 2) solid var(--stone-200) !important; }
.border-stone-300 { border: calc(var(--unit-1) / 2) solid var(--stone-300) !important; }
.border-stone-400 { border: calc(var(--unit-1) / 2) solid var(--stone-400) !important; }
.border-stone-500 { border: calc(var(--unit-1) / 2) solid var(--stone-500) !important; }
.border-stone-600 { border: calc(var(--unit-1) / 2) solid var(--stone-600) !important; }
.border-stone-700 { border: calc(var(--unit-1) / 2) solid var(--stone-700) !important; }
.border-stone-800 { border: calc(var(--unit-1) / 2) solid var(--stone-800) !important; }
.border-stone-900 { border: calc(var(--unit-1) / 2) solid var(--stone-900) !important; }

.border-red-50  { border: calc(var(--unit-1) / 2) solid var(--red-50) !important; }
.border-red-100 { border: calc(var(--unit-1) / 2) solid var(--red-100) !important; }
.border-red-200 { border: calc(var(--unit-1) / 2) solid var(--red-200) !important; }
.border-red-300 { border: calc(var(--unit-1) / 2) solid var(--red-300) !important; }
.border-red-400 { border: calc(var(--unit-1) / 2) solid var(--red-400) !important; }
.border-red-500 { border: calc(var(--unit-1) / 2) solid var(--red-500) !important; }
.border-red-600 { border: calc(var(--unit-1) / 2) solid var(--red-600) !important; }
.border-red-700 { border: calc(var(--unit-1) / 2) solid var(--red-700) !important; }
.border-red-800 { border: calc(var(--unit-1) / 2) solid var(--red-800) !important; }
.border-red-900 { border: calc(var(--unit-1) / 2) solid var(--red-900) !important; }

.border-orange-50  { border: calc(var(--unit-1) / 2) solid var(--orange-50) !important; }
.border-orange-100 { border: calc(var(--unit-1) / 2) solid var(--orange-100) !important; }
.border-orange-200 { border: calc(var(--unit-1) / 2) solid var(--orange-200) !important; }
.border-orange-300 { border: calc(var(--unit-1) / 2) solid var(--orange-300) !important; }
.border-orange-400 { border: calc(var(--unit-1) / 2) solid var(--orange-400) !important; }
.border-orange-500 { border: calc(var(--unit-1) / 2) solid var(--orange-500) !important; }
.border-orange-600 { border: calc(var(--unit-1) / 2) solid var(--orange-600) !important; }
.border-orange-700 { border: calc(var(--unit-1) / 2) solid var(--orange-700) !important; }
.border-orange-800 { border: calc(var(--unit-1) / 2) solid var(--orange-800) !important; }
.border-orange-900 { border: calc(var(--unit-1) / 2) solid var(--orange-900) !important; }

.border-amber-50  { border: calc(var(--unit-1) / 2) solid var(--amber-50) !important; }
.border-amber-100 { border: calc(var(--unit-1) / 2) solid var(--amber-100) !important; }
.border-amber-200 { border: calc(var(--unit-1) / 2) solid var(--amber-200) !important; }
.border-amber-300 { border: calc(var(--unit-1) / 2) solid var(--amber-300) !important; }
.border-amber-400 { border: calc(var(--unit-1) / 2) solid var(--amber-400) !important; }
.border-amber-500 { border: calc(var(--unit-1) / 2) solid var(--amber-500) !important; }
.border-amber-600 { border: calc(var(--unit-1) / 2) solid var(--amber-600) !important; }
.border-amber-700 { border: calc(var(--unit-1) / 2) solid var(--amber-700) !important; }
.border-amber-800 { border: calc(var(--unit-1) / 2) solid var(--amber-800) !important; }
.border-amber-900 { border: calc(var(--unit-1) / 2) solid var(--amber-900) !important; }

.border-yellow-50  { border: calc(var(--unit-1) / 2) solid var(--yellow-50) !important; }
.border-yellow-100 { border: calc(var(--unit-1) / 2) solid var(--yellow-100) !important; }
.border-yellow-200 { border: calc(var(--unit-1) / 2) solid var(--yellow-200) !important; }
.border-yellow-300 { border: calc(var(--unit-1) / 2) solid var(--yellow-300) !important; }
.border-yellow-400 { border: calc(var(--unit-1) / 2) solid var(--yellow-400) !important; }
.border-yellow-500 { border: calc(var(--unit-1) / 2) solid var(--yellow-500) !important; }
.border-yellow-600 { border: calc(var(--unit-1) / 2) solid var(--yellow-600) !important; }
.border-yellow-700 { border: calc(var(--unit-1) / 2) solid var(--yellow-700) !important; }
.border-yellow-800 { border: calc(var(--unit-1) / 2) solid var(--yellow-800) !important; }
.border-yellow-900 { border: calc(var(--unit-1) / 2) solid var(--yellow-900) !important; }

.border-lime-50  { border: calc(var(--unit-1) / 2) solid var(--lime-50) !important; }
.border-lime-100 { border: calc(var(--unit-1) / 2) solid var(--lime-100) !important; }
.border-lime-200 { border: calc(var(--unit-1) / 2) solid var(--lime-200) !important; }
.border-lime-300 { border: calc(var(--unit-1) / 2) solid var(--lime-300) !important; }
.border-lime-400 { border: calc(var(--unit-1) / 2) solid var(--lime-400) !important; }
.border-lime-500 { border: calc(var(--unit-1) / 2) solid var(--lime-500) !important; }
.border-lime-600 { border: calc(var(--unit-1) / 2) solid var(--lime-600) !important; }
.border-lime-700 { border: calc(var(--unit-1) / 2) solid var(--lime-700) !important; }
.border-lime-800 { border: calc(var(--unit-1) / 2) solid var(--lime-800) !important; }
.border-lime-900 { border: calc(var(--unit-1) / 2) solid var(--lime-900) !important; }

.border-green-50  { border: calc(var(--unit-1) / 2) solid var(--green-50) !important; }
.border-green-100 { border: calc(var(--unit-1) / 2) solid var(--green-100) !important; }
.border-green-200 { border: calc(var(--unit-1) / 2) solid var(--green-200) !important; }
.border-green-300 { border: calc(var(--unit-1) / 2) solid var(--green-300) !important; }
.border-green-400 { border: calc(var(--unit-1) / 2) solid var(--green-400) !important; }
.border-green-500 { border: calc(var(--unit-1) / 2) solid var(--green-500) !important; }
.border-green-600 { border: calc(var(--unit-1) / 2) solid var(--green-600) !important; }
.border-green-700 { border: calc(var(--unit-1) / 2) solid var(--green-700) !important; }
.border-green-800 { border: calc(var(--unit-1) / 2) solid var(--green-800) !important; }
.border-green-900 { border: calc(var(--unit-1) / 2) solid var(--green-900) !important; }

.border-emerald-50  { border: calc(var(--unit-1) / 2) solid var(--emerald-50) !important; }
.border-emerald-100 { border: calc(var(--unit-1) / 2) solid var(--emerald-100) !important; }
.border-emerald-200 { border: calc(var(--unit-1) / 2) solid var(--emerald-200) !important; }
.border-emerald-300 { border: calc(var(--unit-1) / 2) solid var(--emerald-300) !important; }
.border-emerald-400 { border: calc(var(--unit-1) / 2) solid var(--emerald-400) !important; }
.border-emerald-500 { border: calc(var(--unit-1) / 2) solid var(--emerald-500) !important; }
.border-emerald-600 { border: calc(var(--unit-1) / 2) solid var(--emerald-600) !important; }
.border-emerald-700 { border: calc(var(--unit-1) / 2) solid var(--emerald-700) !important; }
.border-emerald-800 { border: calc(var(--unit-1) / 2) solid var(--emerald-800) !important; }
.border-emerald-900 { border: calc(var(--unit-1) / 2) solid var(--emerald-900) !important; }

.border-teal-50  { border: calc(var(--unit-1) / 2) solid var(--teal-50) !important; }
.border-teal-100 { border: calc(var(--unit-1) / 2) solid var(--teal-100) !important; }
.border-teal-200 { border: calc(var(--unit-1) / 2) solid var(--teal-200) !important; }
.border-teal-300 { border: calc(var(--unit-1) / 2) solid var(--teal-300) !important; }
.border-teal-400 { border: calc(var(--unit-1) / 2) solid var(--teal-400) !important; }
.border-teal-500 { border: calc(var(--unit-1) / 2) solid var(--teal-500) !important; }
.border-teal-600 { border: calc(var(--unit-1) / 2) solid var(--teal-600) !important; }
.border-teal-700 { border: calc(var(--unit-1) / 2) solid var(--teal-700) !important; }
.border-teal-800 { border: calc(var(--unit-1) / 2) solid var(--teal-800) !important; }
.border-teal-900 { border: calc(var(--unit-1) / 2) solid var(--teal-900) !important; }

.border-cyan-50  { border: calc(var(--unit-1) / 2) solid var(--cyan-50) !important; }
.border-cyan-100 { border: calc(var(--unit-1) / 2) solid var(--cyan-100) !important; }
.border-cyan-200 { border: calc(var(--unit-1) / 2) solid var(--cyan-200) !important; }
.border-cyan-300 { border: calc(var(--unit-1) / 2) solid var(--cyan-300) !important; }
.border-cyan-400 { border: calc(var(--unit-1) / 2) solid var(--cyan-400) !important; }
.border-cyan-500 { border: calc(var(--unit-1) / 2) solid var(--cyan-500) !important; }
.border-cyan-600 { border: calc(var(--unit-1) / 2) solid var(--cyan-600) !important; }
.border-cyan-700 { border: calc(var(--unit-1) / 2) solid var(--cyan-700) !important; }
.border-cyan-800 { border: calc(var(--unit-1) / 2) solid var(--cyan-800) !important; }
.border-cyan-900 { border: calc(var(--unit-1) / 2) solid var(--cyan-900) !important; }

.border-sky-50  { border: calc(var(--unit-1) / 2) solid var(--sky-50) !important; }
.border-sky-100 { border: calc(var(--unit-1) / 2) solid var(--sky-100) !important; }
.border-sky-200 { border: calc(var(--unit-1) / 2) solid var(--sky-200) !important; }
.border-sky-300 { border: calc(var(--unit-1) / 2) solid var(--sky-300) !important; }
.border-sky-400 { border: calc(var(--unit-1) / 2) solid var(--sky-400) !important; }
.border-sky-500 { border: calc(var(--unit-1) / 2) solid var(--sky-500) !important; }
.border-sky-600 { border: calc(var(--unit-1) / 2) solid var(--sky-600) !important; }
.border-sky-700 { border: calc(var(--unit-1) / 2) solid var(--sky-700) !important; }
.border-sky-800 { border: calc(var(--unit-1) / 2) solid var(--sky-800) !important; }
.border-sky-900 { border: calc(var(--unit-1) / 2) solid var(--sky-900) !important; }

.border-blue-50  { border: calc(var(--unit-1) / 2) solid var(--blue-50) !important; }
.border-blue-100 { border: calc(var(--unit-1) / 2) solid var(--blue-100) !important; }
.border-blue-200 { border: calc(var(--unit-1) / 2) solid var(--blue-200) !important; }
.border-blue-300 { border: calc(var(--unit-1) / 2) solid var(--blue-300) !important; }
.border-blue-400 { border: calc(var(--unit-1) / 2) solid var(--blue-400) !important; }
.border-blue-500 { border: calc(var(--unit-1) / 2) solid var(--blue-500) !important; }
.border-blue-600 { border: calc(var(--unit-1) / 2) solid var(--blue-600) !important; }
.border-blue-700 { border: calc(var(--unit-1) / 2) solid var(--blue-700) !important; }
.border-blue-800 { border: calc(var(--unit-1) / 2) solid var(--blue-800) !important; }
.border-blue-900 { border: calc(var(--unit-1) / 2) solid var(--blue-900) !important; }

.border-indigo-50  { border: calc(var(--unit-1) / 2) solid var(--indigo-50) !important; }
.border-indigo-100 { border: calc(var(--unit-1) / 2) solid var(--indigo-100) !important; }
.border-indigo-200 { border: calc(var(--unit-1) / 2) solid var(--indigo-200) !important; }
.border-indigo-300 { border: calc(var(--unit-1) / 2) solid var(--indigo-300) !important; }
.border-indigo-400 { border: calc(var(--unit-1) / 2) solid var(--indigo-400) !important; }
.border-indigo-500 { border: calc(var(--unit-1) / 2) solid var(--indigo-500) !important; }
.border-indigo-600 { border: calc(var(--unit-1) / 2) solid var(--indigo-600) !important; }
.border-indigo-700 { border: calc(var(--unit-1) / 2) solid var(--indigo-700) !important; }
.border-indigo-800 { border: calc(var(--unit-1) / 2) solid var(--indigo-800) !important; }
.border-indigo-900 { border: calc(var(--unit-1) / 2) solid var(--indigo-900) !important; }

.border-violet-50  { border: calc(var(--unit-1) / 2) solid var(--violet-50) !important; }
.border-violet-100 { border: calc(var(--unit-1) / 2) solid var(--violet-100) !important; }
.border-violet-200 { border: calc(var(--unit-1) / 2) solid var(--violet-200) !important; }
.border-violet-300 { border: calc(var(--unit-1) / 2) solid var(--violet-300) !important; }
.border-violet-400 { border: calc(var(--unit-1) / 2) solid var(--violet-400) !important; }
.border-violet-500 { border: calc(var(--unit-1) / 2) solid var(--violet-500) !important; }
.border-violet-600 { border: calc(var(--unit-1) / 2) solid var(--violet-600) !important; }
.border-violet-700 { border: calc(var(--unit-1) / 2) solid var(--violet-700) !important; }
.border-violet-800 { border: calc(var(--unit-1) / 2) solid var(--violet-800) !important; }
.border-violet-900 { border: calc(var(--unit-1) / 2) solid var(--violet-900) !important; }

.border-purple-50  { border: calc(var(--unit-1) / 2) solid var(--purple-50) !important; }
.border-purple-100 { border: calc(var(--unit-1) / 2) solid var(--purple-100) !important; }
.border-purple-200 { border: calc(var(--unit-1) / 2) solid var(--purple-200) !important; }
.border-purple-300 { border: calc(var(--unit-1) / 2) solid var(--purple-300) !important; }
.border-purple-400 { border: calc(var(--unit-1) / 2) solid var(--purple-400) !important; }
.border-purple-500 { border: calc(var(--unit-1) / 2) solid var(--purple-500) !important; }
.border-purple-600 { border: calc(var(--unit-1) / 2) solid var(--purple-600) !important; }
.border-purple-700 { border: calc(var(--unit-1) / 2) solid var(--purple-700) !important; }
.border-purple-800 { border: calc(var(--unit-1) / 2) solid var(--purple-800) !important; }
.border-purple-900 { border: calc(var(--unit-1) / 2) solid var(--purple-900) !important; }

.border-fuchsia-50  { border: calc(var(--unit-1) / 2) solid var(--fuchsia-50) !important; }
.border-fuchsia-100 { border: calc(var(--unit-1) / 2) solid var(--fuchsia-100) !important; }
.border-fuchsia-200 { border: calc(var(--unit-1) / 2) solid var(--fuchsia-200) !important; }
.border-fuchsia-300 { border: calc(var(--unit-1) / 2) solid var(--fuchsia-300) !important; }
.border-fuchsia-400 { border: calc(var(--unit-1) / 2) solid var(--fuchsia-400) !important; }
.border-fuchsia-500 { border: calc(var(--unit-1) / 2) solid var(--fuchsia-500) !important; }
.border-fuchsia-600 { border: calc(var(--unit-1) / 2) solid var(--fuchsia-600) !important; }
.border-fuchsia-700 { border: calc(var(--unit-1) / 2) solid var(--fuchsia-700) !important; }
.border-fuchsia-800 { border: calc(var(--unit-1) / 2) solid var(--fuchsia-800) !important; }
.border-fuchsia-900 { border: calc(var(--unit-1) / 2) solid var(--fuchsia-900) !important; }

.border-pink-50  { border: calc(var(--unit-1) / 2) solid var(--pink-50) !important; }
.border-pink-100 { border: calc(var(--unit-1) / 2) solid var(--pink-100) !important; }
.border-pink-200 { border: calc(var(--unit-1) / 2) solid var(--pink-200) !important; }
.border-pink-300 { border: calc(var(--unit-1) / 2) solid var(--pink-300) !important; }
.border-pink-400 { border: calc(var(--unit-1) / 2) solid var(--pink-400) !important; }
.border-pink-500 { border: calc(var(--unit-1) / 2) solid var(--pink-500) !important; }
.border-pink-600 { border: calc(var(--unit-1) / 2) solid var(--pink-600) !important; }
.border-pink-700 { border: calc(var(--unit-1) / 2) solid var(--pink-700) !important; }
.border-pink-800 { border: calc(var(--unit-1) / 2) solid var(--pink-800) !important; }
.border-pink-900 { border: calc(var(--unit-1) / 2) solid var(--pink-900) !important; }

.border-rose-50  { border: calc(var(--unit-1) / 2) solid var(--rose-50) !important; }
.border-rose-100 { border: calc(var(--unit-1) / 2) solid var(--rose-100) !important; }
.border-rose-200 { border: calc(var(--unit-1) / 2) solid var(--rose-200) !important; }
.border-rose-300 { border: calc(var(--unit-1) / 2) solid var(--rose-300) !important; }
.border-rose-400 { border: calc(var(--unit-1) / 2) solid var(--rose-400) !important; }
.border-rose-500 { border: calc(var(--unit-1) / 2) solid var(--rose-500) !important; }
.border-rose-600 { border: calc(var(--unit-1) / 2) solid var(--rose-600) !important; }
.border-rose-700 { border: calc(var(--unit-1) / 2) solid var(--rose-700) !important; }
.border-rose-800 { border: calc(var(--unit-1) / 2) solid var(--rose-800) !important; }
.border-rose-900 { border: calc(var(--unit-1) / 2) solid var(--rose-900) !important; }

/* Border Set Colors */
.border-color-transparent { border-color: var(--transparent) !important; }
.border-color-black { border-color: var(--black) !important; }
.border-color-white { border-color: var(--white) !important; }

.border-color-slate-50  { border-color: var(--slate-50) !important; }
.border-color-slate-100 { border-color: var(--slate-100) !important; }
.border-color-slate-200 { border-color: var(--slate-200) !important; }
.border-color-slate-300 { border-color: var(--slate-300) !important; }
.border-color-slate-400 { border-color: var(--slate-400) !important; }
.border-color-slate-500 { border-color: var(--slate-500) !important; }
.border-color-slate-600 { border-color: var(--slate-600) !important; }
.border-color-slate-700 { border-color: var(--slate-700) !important; }
.border-color-slate-800 { border-color: var(--slate-800) !important; }
.border-color-slate-900 { border-color: var(--slate-900) !important; }

.border-color-gray-50  { border-color: var(--gray-50) !important; }
.border-color-gray-100 { border-color: var(--gray-100) !important; }
.border-color-gray-200 { border-color: var(--gray-200) !important; }
.border-color-gray-300 { border-color: var(--gray-300) !important; }
.border-color-gray-400 { border-color: var(--gray-400) !important; }
.border-color-gray-500 { border-color: var(--gray-500) !important; }
.border-color-gray-600 { border-color: var(--gray-600) !important; }
.border-color-gray-700 { border-color: var(--gray-700) !important; }
.border-color-gray-800 { border-color: var(--gray-800) !important; }
.border-color-gray-900 { border-color: var(--gray-900) !important; }

.border-color-zinc-50  { border-color: var(--zinc-50) !important; }
.border-color-zinc-100 { border-color: var(--zinc-100) !important; }
.border-color-zinc-200 { border-color: var(--zinc-200) !important; }
.border-color-zinc-300 { border-color: var(--zinc-300) !important; }
.border-color-zinc-400 { border-color: var(--zinc-400) !important; }
.border-color-zinc-500 { border-color: var(--zinc-500) !important; }
.border-color-zinc-600 { border-color: var(--zinc-600) !important; }
.border-color-zinc-700 { border-color: var(--zinc-700) !important; }
.border-color-zinc-800 { border-color: var(--zinc-800) !important; }
.border-color-zinc-900 { border-color: var(--zinc-900) !important; }

.border-color-neutral-50  { border-color: var(--neutral-50) !important; }
.border-color-neutral-100 { border-color: var(--neutral-100) !important; }
.border-color-neutral-200 { border-color: var(--neutral-200) !important; }
.border-color-neutral-300 { border-color: var(--neutral-300) !important; }
.border-color-neutral-400 { border-color: var(--neutral-400) !important; }
.border-color-neutral-500 { border-color: var(--neutral-500) !important; }
.border-color-neutral-600 { border-color: var(--neutral-600) !important; }
.border-color-neutral-700 { border-color: var(--neutral-700) !important; }
.border-color-neutral-800 { border-color: var(--neutral-800) !important; }
.border-color-neutral-900 { border-color: var(--neutral-900) !important; }

.border-color-stone-50  { border-color: var(--stone-50) !important; }
.border-color-stone-100 { border-color: var(--stone-100) !important; }
.border-color-stone-200 { border-color: var(--stone-200) !important; }
.border-color-stone-300 { border-color: var(--stone-300) !important; }
.border-color-stone-400 { border-color: var(--stone-400) !important; }
.border-color-stone-500 { border-color: var(--stone-500) !important; }
.border-color-stone-600 { border-color: var(--stone-600) !important; }
.border-color-stone-700 { border-color: var(--stone-700) !important; }
.border-color-stone-800 { border-color: var(--stone-800) !important; }
.border-color-stone-900 { border-color: var(--stone-900) !important; }

.border-color-red-50  { border-color: var(--red-50) !important; }
.border-color-red-100 { border-color: var(--red-100) !important; }
.border-color-red-200 { border-color: var(--red-200) !important; }
.border-color-red-300 { border-color: var(--red-300) !important; }
.border-color-red-400 { border-color: var(--red-400) !important; }
.border-color-red-500 { border-color: var(--red-500) !important; }
.border-color-red-600 { border-color: var(--red-600) !important; }
.border-color-red-700 { border-color: var(--red-700) !important; }
.border-color-red-800 { border-color: var(--red-800) !important; }
.border-color-red-900 { border-color: var(--red-900) !important; }

.border-color-orange-50  { border-color: var(--orange-50) !important; }
.border-color-orange-100 { border-color: var(--orange-100) !important; }
.border-color-orange-200 { border-color: var(--orange-200) !important; }
.border-color-orange-300 { border-color: var(--orange-300) !important; }
.border-color-orange-400 { border-color: var(--orange-400) !important; }
.border-color-orange-500 { border-color: var(--orange-500) !important; }
.border-color-orange-600 { border-color: var(--orange-600) !important; }
.border-color-orange-700 { border-color: var(--orange-700) !important; }
.border-color-orange-800 { border-color: var(--orange-800) !important; }
.border-color-orange-900 { border-color: var(--orange-900) !important; }

.border-color-amber-50  { border-color: var(--amber-50) !important; }
.border-color-amber-100 { border-color: var(--amber-100) !important; }
.border-color-amber-200 { border-color: var(--amber-200) !important; }
.border-color-amber-300 { border-color: var(--amber-300) !important; }
.border-color-amber-400 { border-color: var(--amber-400) !important; }
.border-color-amber-500 { border-color: var(--amber-500) !important; }
.border-color-amber-600 { border-color: var(--amber-600) !important; }
.border-color-amber-700 { border-color: var(--amber-700) !important; }
.border-color-amber-800 { border-color: var(--amber-800) !important; }
.border-color-amber-900 { border-color: var(--amber-900) !important; }

.border-color-yellow-50  { border-color: var(--yellow-50) !important; }
.border-color-yellow-100 { border-color: var(--yellow-100) !important; }
.border-color-yellow-200 { border-color: var(--yellow-200) !important; }
.border-color-yellow-300 { border-color: var(--yellow-300) !important; }
.border-color-yellow-400 { border-color: var(--yellow-400) !important; }
.border-color-yellow-500 { border-color: var(--yellow-500) !important; }
.border-color-yellow-600 { border-color: var(--yellow-600) !important; }
.border-color-yellow-700 { border-color: var(--yellow-700) !important; }
.border-color-yellow-800 { border-color: var(--yellow-800) !important; }
.border-color-yellow-900 { border-color: var(--yellow-900) !important; }

.border-color-lime-50  { border-color: var(--lime-50) !important; }
.border-color-lime-100 { border-color: var(--lime-100) !important; }
.border-color-lime-200 { border-color: var(--lime-200) !important; }
.border-color-lime-300 { border-color: var(--lime-300) !important; }
.border-color-lime-400 { border-color: var(--lime-400) !important; }
.border-color-lime-500 { border-color: var(--lime-500) !important; }
.border-color-lime-600 { border-color: var(--lime-600) !important; }
.border-color-lime-700 { border-color: var(--lime-700) !important; }
.border-color-lime-800 { border-color: var(--lime-800) !important; }
.border-color-lime-900 { border-color: var(--lime-900) !important; }

.border-color-green-50  { border-color: var(--green-50) !important; }
.border-color-green-100 { border-color: var(--green-100) !important; }
.border-color-green-200 { border-color: var(--green-200) !important; }
.border-color-green-300 { border-color: var(--green-300) !important; }
.border-color-green-400 { border-color: var(--green-400) !important; }
.border-color-green-500 { border-color: var(--green-500) !important; }
.border-color-green-600 { border-color: var(--green-600) !important; }
.border-color-green-700 { border-color: var(--green-700) !important; }
.border-color-green-800 { border-color: var(--green-800) !important; }
.border-color-green-900 { border-color: var(--green-900) !important; }

.border-color-emerald-50  { border-color: var(--emerald-50) !important; }
.border-color-emerald-100 { border-color: var(--emerald-100) !important; }
.border-color-emerald-200 { border-color: var(--emerald-200) !important; }
.border-color-emerald-300 { border-color: var(--emerald-300) !important; }
.border-color-emerald-400 { border-color: var(--emerald-400) !important; }
.border-color-emerald-500 { border-color: var(--emerald-500) !important; }
.border-color-emerald-600 { border-color: var(--emerald-600) !important; }
.border-color-emerald-700 { border-color: var(--emerald-700) !important; }
.border-color-emerald-800 { border-color: var(--emerald-800) !important; }
.border-color-emerald-900 { border-color: var(--emerald-900) !important; }

.border-color-teal-50  { border-color: var(--teal-50) !important; }
.border-color-teal-100 { border-color: var(--teal-100) !important; }
.border-color-teal-200 { border-color: var(--teal-200) !important; }
.border-color-teal-300 { border-color: var(--teal-300) !important; }
.border-color-teal-400 { border-color: var(--teal-400) !important; }
.border-color-teal-500 { border-color: var(--teal-500) !important; }
.border-color-teal-600 { border-color: var(--teal-600) !important; }
.border-color-teal-700 { border-color: var(--teal-700) !important; }
.border-color-teal-800 { border-color: var(--teal-800) !important; }
.border-color-teal-900 { border-color: var(--teal-900) !important; }

.border-color-cyan-50  { border-color: var(--cyan-50) !important; }
.border-color-cyan-100 { border-color: var(--cyan-100) !important; }
.border-color-cyan-200 { border-color: var(--cyan-200) !important; }
.border-color-cyan-300 { border-color: var(--cyan-300) !important; }
.border-color-cyan-400 { border-color: var(--cyan-400) !important; }
.border-color-cyan-500 { border-color: var(--cyan-500) !important; }
.border-color-cyan-600 { border-color: var(--cyan-600) !important; }
.border-color-cyan-700 { border-color: var(--cyan-700) !important; }
.border-color-cyan-800 { border-color: var(--cyan-800) !important; }
.border-color-cyan-900 { border-color: var(--cyan-900) !important; }

.border-color-sky-50  { border-color: var(--sky-50) !important; }
.border-color-sky-100 { border-color: var(--sky-100) !important; }
.border-color-sky-200 { border-color: var(--sky-200) !important; }
.border-color-sky-300 { border-color: var(--sky-300) !important; }
.border-color-sky-400 { border-color: var(--sky-400) !important; }
.border-color-sky-500 { border-color: var(--sky-500) !important; }
.border-color-sky-600 { border-color: var(--sky-600) !important; }
.border-color-sky-700 { border-color: var(--sky-700) !important; }
.border-color-sky-800 { border-color: var(--sky-800) !important; }
.border-color-sky-900 { border-color: var(--sky-900) !important; }

.border-color-blue-50  { border-color: var(--blue-50) !important; }
.border-color-blue-100 { border-color: var(--blue-100) !important; }
.border-color-blue-200 { border-color: var(--blue-200) !important; }
.border-color-blue-300 { border-color: var(--blue-300) !important; }
.border-color-blue-400 { border-color: var(--blue-400) !important; }
.border-color-blue-500 { border-color: var(--blue-500) !important; }
.border-color-blue-600 { border-color: var(--blue-600) !important; }
.border-color-blue-700 { border-color: var(--blue-700) !important; }
.border-color-blue-800 { border-color: var(--blue-800) !important; }
.border-color-blue-900 { border-color: var(--blue-900) !important; }

.border-color-indigo-50  { border-color: var(--indigo-50) !important; }
.border-color-indigo-100 { border-color: var(--indigo-100) !important; }
.border-color-indigo-200 { border-color: var(--indigo-200) !important; }
.border-color-indigo-300 { border-color: var(--indigo-300) !important; }
.border-color-indigo-400 { border-color: var(--indigo-400) !important; }
.border-color-indigo-500 { border-color: var(--indigo-500) !important; }
.border-color-indigo-600 { border-color: var(--indigo-600) !important; }
.border-color-indigo-700 { border-color: var(--indigo-700) !important; }
.border-color-indigo-800 { border-color: var(--indigo-800) !important; }
.border-color-indigo-900 { border-color: var(--indigo-900) !important; }

.border-color-violet-50  { border-color: var(--violet-50) !important; }
.border-color-violet-100 { border-color: var(--violet-100) !important; }
.border-color-violet-200 { border-color: var(--violet-200) !important; }
.border-color-violet-300 { border-color: var(--violet-300) !important; }
.border-color-violet-400 { border-color: var(--violet-400) !important; }
.border-color-violet-500 { border-color: var(--violet-500) !important; }
.border-color-violet-600 { border-color: var(--violet-600) !important; }
.border-color-violet-700 { border-color: var(--violet-700) !important; }
.border-color-violet-800 { border-color: var(--violet-800) !important; }
.border-color-violet-900 { border-color: var(--violet-900) !important; }

.border-color-purple-50  { border-color: var(--purple-50) !important; }
.border-color-purple-100 { border-color: var(--purple-100) !important; }
.border-color-purple-200 { border-color: var(--purple-200) !important; }
.border-color-purple-300 { border-color: var(--purple-300) !important; }
.border-color-purple-400 { border-color: var(--purple-400) !important; }
.border-color-purple-500 { border-color: var(--purple-500) !important; }
.border-color-purple-600 { border-color: var(--purple-600) !important; }
.border-color-purple-700 { border-color: var(--purple-700) !important; }
.border-color-purple-800 { border-color: var(--purple-800) !important; }
.border-color-purple-900 { border-color: var(--purple-900) !important; }

.border-color-fuchsia-50  { border-color: var(--fuchsia-50) !important; }
.border-color-fuchsia-100 { border-color: var(--fuchsia-100) !important; }
.border-color-fuchsia-200 { border-color: var(--fuchsia-200) !important; }
.border-color-fuchsia-300 { border-color: var(--fuchsia-300) !important; }
.border-color-fuchsia-400 { border-color: var(--fuchsia-400) !important; }
.border-color-fuchsia-500 { border-color: var(--fuchsia-500) !important; }
.border-color-fuchsia-600 { border-color: var(--fuchsia-600) !important; }
.border-color-fuchsia-700 { border-color: var(--fuchsia-700) !important; }
.border-color-fuchsia-800 { border-color: var(--fuchsia-800) !important; }
.border-color-fuchsia-900 { border-color: var(--fuchsia-900) !important; }

.border-color-pink-50  { border-color: var(--pink-50) !important; }
.border-color-pink-100 { border-color: var(--pink-100) !important; }
.border-color-pink-200 { border-color: var(--pink-200) !important; }
.border-color-pink-300 { border-color: var(--pink-300) !important; }
.border-color-pink-400 { border-color: var(--pink-400) !important; }
.border-color-pink-500 { border-color: var(--pink-500) !important; }
.border-color-pink-600 { border-color: var(--pink-600) !important; }
.border-color-pink-700 { border-color: var(--pink-700) !important; }
.border-color-pink-800 { border-color: var(--pink-800) !important; }
.border-color-pink-900 { border-color: var(--pink-900) !important; }

.border-color-rose-50  { border-color: var(--rose-50) !important; }
.border-color-rose-100 { border-color: var(--rose-100) !important; }
.border-color-rose-200 { border-color: var(--rose-200) !important; }
.border-color-rose-300 { border-color: var(--rose-300) !important; }
.border-color-rose-400 { border-color: var(--rose-400) !important; }
.border-color-rose-500 { border-color: var(--rose-500) !important; }
.border-color-rose-600 { border-color: var(--rose-600) !important; }
.border-color-rose-700 { border-color: var(--rose-700) !important; }
.border-color-rose-800 { border-color: var(--rose-800) !important; }
.border-color-rose-900 { border-color: var(--rose-900) !important; }

/* Text */
.text-default   			{   color: var(--text-default) !important; }
.text-subdued   			{   color: var(--text-subdued) !important; }
.text-disabled   			{   color: var(--text-disabled) !important; }
.text-inverse   			{   color: var(--text-inverse) !important; }
.text-inverse-subdued   	{   color: var(--text-inverse-subdued) !important; }
.text-success   			{   color: var(--text-success) !important; }
.text-success-darker		{   color: var(--text-success-darker) !important; }
.text-informational   		{   color: var(--text-informational) !important; }
.text-informational-darker	{   color: var(--text-informational-darker) !important; }
.text-warning   			{   color: var(--text-warning) !important; }
.text-warning-darker		{   color: var(--text-warning-darker) !important; }
.text-critical   			{   color: var(--text-critical) !important; }
.text-critical-darker		{   color: var(--text-critical-darker) !important; }


/* Background */
.bg-default { background: var(--bg-default) !important; }


/* Surface */
.surface-default 	{ background: var(--surface-default) !important; }
.surface-subdued 	{ background: var(--surface-subdued) !important; }
.surface-hovered 	{ background: var(--surface-hovered) !important; }
.surface-disabled 	{ background: var(--surface-disabled) !important; }
.surface-foreground { background: var(--surface-foreground) !important; }
.surface-pressed 	{ background: var(--surface-pressed) !important; }


/* Surface Selected */
.surface-selected-default { background: var(--surface-selected-default) !important; }
.surface-selected-hovered { background: var(--surface-selected-hovered) !important; }


/* Surface Neutral */
.surface-neutral-default { background: var(--surface-neutral-default) !important; }
.surface-neutral-subdued { background: var(--surface-neutral-subdued) !important; }


/* Surface Success */
.surface-success-default { background: var(--surface-success-default) !important; }
.surface-success-subdued { background: var(--surface-success-subdued) !important; }
.surface-success-darker { background: var(--surface-success-darker) !important; }


/* Surface Critical */
.surface-critical-default { background: var(--surface-critical-default) !important; }
.surface-critical-subdued { background: var(--surface-critical-subdued) !important; }
.surface-critical-darker { background: var(--surface-critical-darker) !important; }


/* Surface Informational */
.surface-informational-default { background: var(--surface-informational-default) !important; }
.surface-informational-subdued { background: var(--surface-informational-subdued) !important; }
.surface-informational-darker { background: var(--surface-informational-darker) !important; }


/* Surface Warning */
.surface-warning-default { background: var(--surface-warning-default) !important; }
.surface-warning-subdued { background: var(--surface-warning-subdued) !important; }
.surface-warning-darker { background: var(--surface-warning-darker) !important; }


/* Interactive */
.interactive-default 	{ background: var(--interactive-default) !important; }
.interactive-hovered 	{ background: var(--interactive-hovered) !important; }
.interactive-focused 	{ background: var(--interactive-focused) !important; }
.interactive-disabled 	{ background: var(--interactive-disabled) !important; }
.interactive-foreground { background: var(--interactive-foreground) !important; }
.interactive-critical 	{ background: var(--interactive-critical) !important; }


/* Border */
.border-high			{ border: calc(var(--unit-1) / 2) solid var(--border-high) !important; }
.border-default			{ border: calc(var(--unit-1) / 2) solid var(--border-default) !important; }
.border-subdued			{ border: calc(var(--unit-1) / 2) solid var(--border-subdued) !important; }
.border-disabled		{ border: calc(var(--unit-1) / 2) solid var(--border-disabled) !important; }
.border-hovered			{ border: calc(var(--unit-1) / 2) solid var(--border-hovered) !important; }
.border-pressed			{ border: calc(var(--unit-1) / 2) solid var(--border-pressed) !important; }

.border-success			{ border: calc(var(--unit-1) / 2) solid var(--border-success) !important; }
.border-critical		{ border: calc(var(--unit-1) / 2) solid var(--border-critical) !important; }
.border-informational	{ border: calc(var(--unit-1) / 2) solid var(--border-informational) !important; }
.border-warning			{ border: calc(var(--unit-1) / 2) solid var(--border-warning) !important; }


/* Border Color */
.border-color-high			{ border-color: var(--border-high) !important; }
.border-color-default		{ border-color: var(--border-default) !important; }
.border-color-subdued		{ border-color: var(--border-subdued) !important; }
.border-color-disabled		{ border-color: var(--border-disabled) !important; }
.border-color-hovered		{ border-color: var(--border-hovered) !important; }
.border-color-pressed		{ border-color: var(--border-pressed) !important; }

.border-color-success		{ border-color: var(--border-success) !important; }
.border-color-critical		{ border-color: var(--border-critical) !important; }
.border-color-informational	{ border-color: var(--border-informational) !important; }
.border-color-warning		{ border-color: var(--border-warning) !important; }


/* Action */
.action-default 	{ background: var(--action-default) !important; }
.action-hovered		{ background: var(--action-hovered) !important; }
.action-pressed		{ background: var(--action-pressed) !important; }
.action-disabled	{ background: var(--action-disabled) !important; }


/* Action Neutral */
.action-neutral-default 	{ background: var(--action-neutral-default) !important; }
.action-neutral-hovered		{ background: var(--action-neutral-hovered) !important; }
.action-neutral-pressed		{ background: var(--action-neutral-pressed) !important; }


/* Expressive */
.expressive-surface-dark-blue { background: var(--expressive-surface-dark-blue) !important; }


/* Icon */
.icon-default 		{ color: var(--icon-default) !important; }
.icon-subdued 		{ color: var(--icon-subdued) !important; }
.icon-hovered 		{ color: var(--icon-hovered) !important; }
.icon-pressed 		{ color: var(--icon-pressed) !important; }
.icon-disabled 		{ color: var(--icon-disabled) !important; }
.icon-inverse 		{ color: var(--icon-inverse) !important; }
.icon-success 		{ color: var(--icon-success) !important; }
.icon-critical 		{ color: var(--icon-critical) !important; }
.icon-informational	{ color: var(--icon-informational) !important; }
.icon-warning 		{ color: var(--icon-warning) !important; }


/* Base */
.base-primary		{ background: var(--base-primary) !important; }
.base-critical		{ background: var(--base-critical) !important; }
.base-success		{ background: var(--base-success) !important; }
.base-warning		{ background: var(--base-warning) !important; }
.base-informational	{ background: var(--base-informational) !important; }


/* Overlay */
.overlay-default	{ background: var(--overlay-default) !important; }