/* Auto-generated by theme-maker — do not edit */

/* ── Primitive Color Utilities ── */
.text-red-50 { color: #F3EBE7; }
.bg-red-50 { background-color: #F3EBE7; }
.text-red-100 { color: #E5D5CD; }
.bg-red-100 { background-color: #E5D5CD; }
.text-red-200 { color: #CEB1A1; }
.bg-red-200 { background-color: #CEB1A1; }
.text-red-300 { color: #B48064; }
.bg-red-300 { background-color: #B48064; }
.text-red-400 { color: #86563C; }
.bg-red-400 { background-color: #86563C; }
.text-red-500 { color: #2B1B12; }
.bg-red-500 { background-color: #2B1B12; }
.text-red-600 { color: #251710; }
.bg-red-600 { background-color: #251710; }
.text-red-700 { color: #1E130D; }
.bg-red-700 { background-color: #1E130D; }
.text-red-800 { color: #160E09; }
.bg-red-800 { background-color: #160E09; }
.text-red-900 { color: #100A07; }
.bg-red-900 { background-color: #100A07; }
.text-red-950 { color: #0A0604; }
.bg-red-950 { background-color: #0A0604; }
.text-orange-50 { color: #FFF8F1; }
.bg-orange-50 { background-color: #FFF8F1; }
.text-orange-100 { color: #FFECD9; }
.bg-orange-100 { background-color: #FFECD9; }
.text-orange-200 { color: #FFD6B0; }
.bg-orange-200 { background-color: #FFD6B0; }
.text-orange-300 { color: #FFBE80; }
.bg-orange-300 { background-color: #FFBE80; }
.text-orange-400 { color: #FFA54D; }
.bg-orange-400 { background-color: #FFA54D; }
.text-orange-500 { color: #FF8E3C; }
.bg-orange-500 { background-color: #FF8E3C; }
.text-orange-600 { color: #E67320; }
.bg-orange-600 { background-color: #E67320; }
.text-orange-700 { color: #C25A10; }
.bg-orange-700 { background-color: #C25A10; }
.text-orange-800 { color: #99450D; }
.bg-orange-800 { background-color: #99450D; }
.text-orange-900 { color: #73340A; }
.bg-orange-900 { background-color: #73340A; }
.text-orange-950 { color: #3D1C05; }
.bg-orange-950 { background-color: #3D1C05; }
.text-blue-50 { color: #F0F3FF; }
.bg-blue-50 { background-color: #F0F3FF; }
.text-blue-100 { color: #E0E6FF; }
.bg-blue-100 { background-color: #E0E6FF; }
.text-blue-200 { color: #C7D0FF; }
.bg-blue-200 { background-color: #C7D0FF; }
.text-blue-300 { color: #A3B1FF; }
.bg-blue-300 { background-color: #A3B1FF; }
.text-blue-400 { color: #7589FF; }
.bg-blue-400 { background-color: #7589FF; }
.text-blue-500 { color: #3C53FF; }
.bg-blue-500 { background-color: #3C53FF; }
.text-blue-600 { color: #2F42E6; }
.bg-blue-600 { background-color: #2F42E6; }
.text-blue-700 { color: #2534C4; }
.bg-blue-700 { background-color: #2534C4; }
.text-blue-800 { color: #1E2A9E; }
.bg-blue-800 { background-color: #1E2A9E; }
.text-blue-900 { color: #182278; }
.bg-blue-900 { background-color: #182278; }
.text-blue-950 { color: #0D1347; }
.bg-blue-950 { background-color: #0D1347; }
.text-purple-50 { color: #F8F5FF; }
.bg-purple-50 { background-color: #F8F5FF; }
.text-purple-100 { color: #F0E6FF; }
.bg-purple-100 { background-color: #F0E6FF; }
.text-purple-200 { color: #E0CCFF; }
.bg-purple-200 { background-color: #E0CCFF; }
.text-purple-300 { color: #CBA8FF; }
.bg-purple-300 { background-color: #CBA8FF; }
.text-purple-400 { color: #A875FF; }
.bg-purple-400 { background-color: #A875FF; }
.text-purple-500 { color: #773CFF; }
.bg-purple-500 { background-color: #773CFF; }
.text-purple-600 { color: #6229E6; }
.bg-purple-600 { background-color: #6229E6; }
.text-purple-700 { color: #5020C4; }
.bg-purple-700 { background-color: #5020C4; }
.text-purple-800 { color: #3F199E; }
.bg-purple-800 { background-color: #3F199E; }
.text-purple-900 { color: #301378; }
.bg-purple-900 { background-color: #301378; }
.text-purple-950 { color: #1A0A42; }
.bg-purple-950 { background-color: #1A0A42; }
.text-green-50 { color: #ECFDF5; }
.bg-green-50 { background-color: #ECFDF5; }
.text-green-100 { color: #D1FAE5; }
.bg-green-100 { background-color: #D1FAE5; }
.text-green-200 { color: #A7F3D0; }
.bg-green-200 { background-color: #A7F3D0; }
.text-green-300 { color: #6EE7B7; }
.bg-green-300 { background-color: #6EE7B7; }
.text-green-400 { color: #34D399; }
.bg-green-400 { background-color: #34D399; }
.text-green-500 { color: #10B981; }
.bg-green-500 { background-color: #10B981; }
.text-green-600 { color: #059669; }
.bg-green-600 { background-color: #059669; }
.text-green-700 { color: #047857; }
.bg-green-700 { background-color: #047857; }
.text-green-800 { color: #065F46; }
.bg-green-800 { background-color: #065F46; }
.text-green-900 { color: #064E3B; }
.bg-green-900 { background-color: #064E3B; }
.text-green-950 { color: #022C22; }
.bg-green-950 { background-color: #022C22; }
.text-amber-50 { color: #FFFBEB; }
.bg-amber-50 { background-color: #FFFBEB; }
.text-amber-100 { color: #FEF3C7; }
.bg-amber-100 { background-color: #FEF3C7; }
.text-amber-200 { color: #FDE68A; }
.bg-amber-200 { background-color: #FDE68A; }
.text-amber-300 { color: #FCD34D; }
.bg-amber-300 { background-color: #FCD34D; }
.text-amber-400 { color: #FBBF24; }
.bg-amber-400 { background-color: #FBBF24; }
.text-amber-500 { color: #F59E0B; }
.bg-amber-500 { background-color: #F59E0B; }
.text-amber-600 { color: #D97706; }
.bg-amber-600 { background-color: #D97706; }
.text-amber-700 { color: #B45309; }
.bg-amber-700 { background-color: #B45309; }
.text-amber-800 { color: #92400E; }
.bg-amber-800 { background-color: #92400E; }
.text-amber-900 { color: #78350F; }
.bg-amber-900 { background-color: #78350F; }
.text-amber-950 { color: #451A03; }
.bg-amber-950 { background-color: #451A03; }
.text-gray-50 { color: #F9FAFB; }
.bg-gray-50 { background-color: #F9FAFB; }
.text-gray-100 { color: #F3F4F6; }
.bg-gray-100 { background-color: #F3F4F6; }
.text-gray-200 { color: #E5E7EB; }
.bg-gray-200 { background-color: #E5E7EB; }
.text-gray-300 { color: #D1D5DB; }
.bg-gray-300 { background-color: #D1D5DB; }
.text-gray-400 { color: #9CA3AF; }
.bg-gray-400 { background-color: #9CA3AF; }
.text-gray-500 { color: #6B7280; }
.bg-gray-500 { background-color: #6B7280; }
.text-gray-600 { color: #4B5563; }
.bg-gray-600 { background-color: #4B5563; }
.text-gray-700 { color: #374151; }
.bg-gray-700 { background-color: #374151; }
.text-gray-800 { color: #1F2937; }
.bg-gray-800 { background-color: #1F2937; }
.text-gray-900 { color: #111827; }
.bg-gray-900 { background-color: #111827; }
.text-gray-950 { color: #030712; }
.bg-gray-950 { background-color: #030712; }
.text-stone-50 { color: #FEF7F2; }
.bg-stone-50 { background-color: #FEF7F2; }
.text-stone-100 { color: #F1EBE6; }
.bg-stone-100 { background-color: #F1EBE6; }
.text-stone-200 { color: #D9CABF; }
.bg-stone-200 { background-color: #D9CABF; }
.text-stone-300 { color: #BCA28F; }
.bg-stone-300 { background-color: #BCA28F; }
.text-stone-400 { color: #9C7B63; }
.bg-stone-400 { background-color: #9C7B63; }
.text-stone-500 { color: #745E4E; }
.bg-stone-500 { background-color: #745E4E; }
.text-stone-600 { color: #564539; }
.bg-stone-600 { background-color: #564539; }
.text-stone-700 { color: #3D3129; }
.bg-stone-700 { background-color: #3D3129; }
.text-stone-800 { color: #2C221C; }
.bg-stone-800 { background-color: #2C221C; }
.text-stone-900 { color: #1C1611; }
.bg-stone-900 { background-color: #1C1611; }
.text-stone-950 { color: #130F0B; }
.bg-stone-950 { background-color: #130F0B; }
.text-white { color: #FFFFFF; }
.bg-white { background-color: #FFFFFF; }
.text-black { color: #000000; }
.bg-black { background-color: #000000; }

/* ── Font Size Utilities ── */
.text-xs { font-size: 11px; }
.text-sm { font-size: 12px; }
.text-base { font-size: 14px; }
.text-md { font-size: 16px; }
.text-lg { font-size: 18px; }
.text-xl { font-size: 20px; }
.text-2xl { font-size: 24px; }
.text-3xl { font-size: 30px; }
.text-4xl { font-size: 36px; }
.text-5xl { font-size: 48px; }
.text-6xl { font-size: 60px; }

/* ── Font Weight Utilities ── */
.font-thin { font-weight: 100; }
.font-light { font-weight: 300; }
.font-normal { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }
.font-extrabold { font-weight: 800; }
.font-black { font-weight: 900; }

/* ── Border Radius Utilities ── */
.rounded-none { border-radius: 0px; }
.rounded-xs { border-radius: 4px; }
.rounded-sm { border-radius: 6px; }
.rounded-md { border-radius: 8px; }
.rounded-lg { border-radius: 12px; }
.rounded-xl { border-radius: 16px; }
.rounded-2xl { border-radius: 24px; }
.rounded-3xl { border-radius: 32px; }
.rounded-full { border-radius: 9999px; }

/* ── Shadow Utilities ── */
.shadow-none { box-shadow: none; }
.shadow-xs { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); }
.shadow-sm { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04); }
.shadow-md { box-shadow: 0 4px 6px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.04); }
.shadow-lg { box-shadow: 0 10px 15px rgba(0, 0, 0, 0.08), 0 4px 6px rgba(0, 0, 0, 0.04); }
.shadow-xl { box-shadow: 0 20px 25px rgba(0, 0, 0, 0.10), 0 8px 10px rgba(0, 0, 0, 0.04); }
.shadow-2xl { box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15); }
.shadow-inner { box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }

/* ── Opacity Utilities ── */
.opacity-0 { opacity: 0; }
.opacity-subtle { opacity: 0.08; }
.opacity-light { opacity: 0.25; }
.opacity-muted { opacity: 0.4; }
.opacity-medium { opacity: 0.5; }
.opacity-heavy { opacity: 0.75; }
.opacity-opaque { opacity: 0.8; }
.opacity-full { opacity: 1; }

/* ── Z-Index Utilities ── */
.z-hide { z-index: -1; }
.z-base { z-index: 0; }
.z-dropdown { z-index: 100; }
.z-sticky { z-index: 200; }
.z-fixed { z-index: 300; }
.z-overlay { z-index: 400; }
.z-modal { z-index: 500; }
.z-popover { z-index: 600; }
.z-tooltip { z-index: 700; }
.z-toast { z-index: 800; }
.z-max { z-index: 9999; }

/* ── Spacing Utilities ── */
.p-0 { padding: 0px; }
.px-0 { padding-left: 0px; padding-right: 0px; }
.py-0 { padding-top: 0px; padding-bottom: 0px; }
.m-0 { margin: 0px; }
.mx-0 { margin-left: 0px; margin-right: 0px; }
.my-0 { margin-top: 0px; margin-bottom: 0px; }
.gap-0 { gap: 0px; }
.w-0 { width: 0px; }
.h-0 { height: 0px; }
.p-1 { padding: 4px; }
.px-1 { padding-left: 4px; padding-right: 4px; }
.py-1 { padding-top: 4px; padding-bottom: 4px; }
.m-1 { margin: 4px; }
.mx-1 { margin-left: 4px; margin-right: 4px; }
.my-1 { margin-top: 4px; margin-bottom: 4px; }
.gap-1 { gap: 4px; }
.w-1 { width: 4px; }
.h-1 { height: 4px; }
.p-2 { padding: 8px; }
.px-2 { padding-left: 8px; padding-right: 8px; }
.py-2 { padding-top: 8px; padding-bottom: 8px; }
.m-2 { margin: 8px; }
.mx-2 { margin-left: 8px; margin-right: 8px; }
.my-2 { margin-top: 8px; margin-bottom: 8px; }
.gap-2 { gap: 8px; }
.w-2 { width: 8px; }
.h-2 { height: 8px; }
.p-3 { padding: 12px; }
.px-3 { padding-left: 12px; padding-right: 12px; }
.py-3 { padding-top: 12px; padding-bottom: 12px; }
.m-3 { margin: 12px; }
.mx-3 { margin-left: 12px; margin-right: 12px; }
.my-3 { margin-top: 12px; margin-bottom: 12px; }
.gap-3 { gap: 12px; }
.w-3 { width: 12px; }
.h-3 { height: 12px; }
.p-4 { padding: 16px; }
.px-4 { padding-left: 16px; padding-right: 16px; }
.py-4 { padding-top: 16px; padding-bottom: 16px; }
.m-4 { margin: 16px; }
.mx-4 { margin-left: 16px; margin-right: 16px; }
.my-4 { margin-top: 16px; margin-bottom: 16px; }
.gap-4 { gap: 16px; }
.w-4 { width: 16px; }
.h-4 { height: 16px; }
.p-5 { padding: 20px; }
.px-5 { padding-left: 20px; padding-right: 20px; }
.py-5 { padding-top: 20px; padding-bottom: 20px; }
.m-5 { margin: 20px; }
.mx-5 { margin-left: 20px; margin-right: 20px; }
.my-5 { margin-top: 20px; margin-bottom: 20px; }
.gap-5 { gap: 20px; }
.w-5 { width: 20px; }
.h-5 { height: 20px; }
.p-6 { padding: 24px; }
.px-6 { padding-left: 24px; padding-right: 24px; }
.py-6 { padding-top: 24px; padding-bottom: 24px; }
.m-6 { margin: 24px; }
.mx-6 { margin-left: 24px; margin-right: 24px; }
.my-6 { margin-top: 24px; margin-bottom: 24px; }
.gap-6 { gap: 24px; }
.w-6 { width: 24px; }
.h-6 { height: 24px; }
.p-7 { padding: 28px; }
.px-7 { padding-left: 28px; padding-right: 28px; }
.py-7 { padding-top: 28px; padding-bottom: 28px; }
.m-7 { margin: 28px; }
.mx-7 { margin-left: 28px; margin-right: 28px; }
.my-7 { margin-top: 28px; margin-bottom: 28px; }
.gap-7 { gap: 28px; }
.w-7 { width: 28px; }
.h-7 { height: 28px; }
.p-8 { padding: 32px; }
.px-8 { padding-left: 32px; padding-right: 32px; }
.py-8 { padding-top: 32px; padding-bottom: 32px; }
.m-8 { margin: 32px; }
.mx-8 { margin-left: 32px; margin-right: 32px; }
.my-8 { margin-top: 32px; margin-bottom: 32px; }
.gap-8 { gap: 32px; }
.w-8 { width: 32px; }
.h-8 { height: 32px; }
.p-9 { padding: 36px; }
.px-9 { padding-left: 36px; padding-right: 36px; }
.py-9 { padding-top: 36px; padding-bottom: 36px; }
.m-9 { margin: 36px; }
.mx-9 { margin-left: 36px; margin-right: 36px; }
.my-9 { margin-top: 36px; margin-bottom: 36px; }
.gap-9 { gap: 36px; }
.w-9 { width: 36px; }
.h-9 { height: 36px; }
.p-10 { padding: 40px; }
.px-10 { padding-left: 40px; padding-right: 40px; }
.py-10 { padding-top: 40px; padding-bottom: 40px; }
.m-10 { margin: 40px; }
.mx-10 { margin-left: 40px; margin-right: 40px; }
.my-10 { margin-top: 40px; margin-bottom: 40px; }
.gap-10 { gap: 40px; }
.w-10 { width: 40px; }
.h-10 { height: 40px; }
.p-12 { padding: 48px; }
.px-12 { padding-left: 48px; padding-right: 48px; }
.py-12 { padding-top: 48px; padding-bottom: 48px; }
.m-12 { margin: 48px; }
.mx-12 { margin-left: 48px; margin-right: 48px; }
.my-12 { margin-top: 48px; margin-bottom: 48px; }
.gap-12 { gap: 48px; }
.w-12 { width: 48px; }
.h-12 { height: 48px; }
.p-14 { padding: 56px; }
.px-14 { padding-left: 56px; padding-right: 56px; }
.py-14 { padding-top: 56px; padding-bottom: 56px; }
.m-14 { margin: 56px; }
.mx-14 { margin-left: 56px; margin-right: 56px; }
.my-14 { margin-top: 56px; margin-bottom: 56px; }
.gap-14 { gap: 56px; }
.w-14 { width: 56px; }
.h-14 { height: 56px; }
.p-16 { padding: 64px; }
.px-16 { padding-left: 64px; padding-right: 64px; }
.py-16 { padding-top: 64px; padding-bottom: 64px; }
.m-16 { margin: 64px; }
.mx-16 { margin-left: 64px; margin-right: 64px; }
.my-16 { margin-top: 64px; margin-bottom: 64px; }
.gap-16 { gap: 64px; }
.w-16 { width: 64px; }
.h-16 { height: 64px; }
.p-20 { padding: 80px; }
.px-20 { padding-left: 80px; padding-right: 80px; }
.py-20 { padding-top: 80px; padding-bottom: 80px; }
.m-20 { margin: 80px; }
.mx-20 { margin-left: 80px; margin-right: 80px; }
.my-20 { margin-top: 80px; margin-bottom: 80px; }
.gap-20 { gap: 80px; }
.w-20 { width: 80px; }
.h-20 { height: 80px; }
.p-24 { padding: 96px; }
.px-24 { padding-left: 96px; padding-right: 96px; }
.py-24 { padding-top: 96px; padding-bottom: 96px; }
.m-24 { margin: 96px; }
.mx-24 { margin-left: 96px; margin-right: 96px; }
.my-24 { margin-top: 96px; margin-bottom: 96px; }
.gap-24 { gap: 96px; }
.w-24 { width: 96px; }
.h-24 { height: 96px; }
.p-32 { padding: 128px; }
.px-32 { padding-left: 128px; padding-right: 128px; }
.py-32 { padding-top: 128px; padding-bottom: 128px; }
.m-32 { margin: 128px; }
.mx-32 { margin-left: 128px; margin-right: 128px; }
.my-32 { margin-top: 128px; margin-bottom: 128px; }
.gap-32 { gap: 128px; }
.w-32 { width: 128px; }
.h-32 { height: 128px; }
.p-40 { padding: 160px; }
.px-40 { padding-left: 160px; padding-right: 160px; }
.py-40 { padding-top: 160px; padding-bottom: 160px; }
.m-40 { margin: 160px; }
.mx-40 { margin-left: 160px; margin-right: 160px; }
.my-40 { margin-top: 160px; margin-bottom: 160px; }
.gap-40 { gap: 160px; }
.w-40 { width: 160px; }
.h-40 { height: 160px; }
.p-48 { padding: 192px; }
.px-48 { padding-left: 192px; padding-right: 192px; }
.py-48 { padding-top: 192px; padding-bottom: 192px; }
.m-48 { margin: 192px; }
.mx-48 { margin-left: 192px; margin-right: 192px; }
.my-48 { margin-top: 192px; margin-bottom: 192px; }
.gap-48 { gap: 192px; }
.w-48 { width: 192px; }
.h-48 { height: 192px; }
.p-px { padding: 1px; }
.px-px { padding-left: 1px; padding-right: 1px; }
.py-px { padding-top: 1px; padding-bottom: 1px; }
.m-px { margin: 1px; }
.mx-px { margin-left: 1px; margin-right: 1px; }
.my-px { margin-top: 1px; margin-bottom: 1px; }
.gap-px { gap: 1px; }
.w-px { width: 1px; }
.h-px { height: 1px; }
.p-xs { padding: 4px; }
.px-xs { padding-left: 4px; padding-right: 4px; }
.py-xs { padding-top: 4px; padding-bottom: 4px; }
.m-xs { margin: 4px; }
.mx-xs { margin-left: 4px; margin-right: 4px; }
.my-xs { margin-top: 4px; margin-bottom: 4px; }
.gap-xs { gap: 4px; }
.w-xs { width: 4px; }
.h-xs { height: 4px; }
.p-sm { padding: 8px; }
.px-sm { padding-left: 8px; padding-right: 8px; }
.py-sm { padding-top: 8px; padding-bottom: 8px; }
.m-sm { margin: 8px; }
.mx-sm { margin-left: 8px; margin-right: 8px; }
.my-sm { margin-top: 8px; margin-bottom: 8px; }
.gap-sm { gap: 8px; }
.w-sm { width: 8px; }
.h-sm { height: 8px; }
.p-md { padding: 12px; }
.px-md { padding-left: 12px; padding-right: 12px; }
.py-md { padding-top: 12px; padding-bottom: 12px; }
.m-md { margin: 12px; }
.mx-md { margin-left: 12px; margin-right: 12px; }
.my-md { margin-top: 12px; margin-bottom: 12px; }
.gap-md { gap: 12px; }
.w-md { width: 12px; }
.h-md { height: 12px; }
.p-lg { padding: 16px; }
.px-lg { padding-left: 16px; padding-right: 16px; }
.py-lg { padding-top: 16px; padding-bottom: 16px; }
.m-lg { margin: 16px; }
.mx-lg { margin-left: 16px; margin-right: 16px; }
.my-lg { margin-top: 16px; margin-bottom: 16px; }
.gap-lg { gap: 16px; }
.w-lg { width: 16px; }
.h-lg { height: 16px; }
.p-xl { padding: 24px; }
.px-xl { padding-left: 24px; padding-right: 24px; }
.py-xl { padding-top: 24px; padding-bottom: 24px; }
.m-xl { margin: 24px; }
.mx-xl { margin-left: 24px; margin-right: 24px; }
.my-xl { margin-top: 24px; margin-bottom: 24px; }
.gap-xl { gap: 24px; }
.w-xl { width: 24px; }
.h-xl { height: 24px; }
.p-2xl { padding: 32px; }
.px-2xl { padding-left: 32px; padding-right: 32px; }
.py-2xl { padding-top: 32px; padding-bottom: 32px; }
.m-2xl { margin: 32px; }
.mx-2xl { margin-left: 32px; margin-right: 32px; }
.my-2xl { margin-top: 32px; margin-bottom: 32px; }
.gap-2xl { gap: 32px; }
.w-2xl { width: 32px; }
.h-2xl { height: 32px; }
.p-3xl { padding: 48px; }
.px-3xl { padding-left: 48px; padding-right: 48px; }
.py-3xl { padding-top: 48px; padding-bottom: 48px; }
.m-3xl { margin: 48px; }
.mx-3xl { margin-left: 48px; margin-right: 48px; }
.my-3xl { margin-top: 48px; margin-bottom: 48px; }
.gap-3xl { gap: 48px; }
.w-3xl { width: 48px; }
.h-3xl { height: 48px; }
.p-4xl { padding: 64px; }
.px-4xl { padding-left: 64px; padding-right: 64px; }
.py-4xl { padding-top: 64px; padding-bottom: 64px; }
.m-4xl { margin: 64px; }
.mx-4xl { margin-left: 64px; margin-right: 64px; }
.my-4xl { margin-top: 64px; margin-bottom: 64px; }
.gap-4xl { gap: 64px; }
.w-4xl { width: 64px; }
.h-4xl { height: 64px; }

/* ── Duration Utilities ── */
.duration-fastest { transition-duration: 50ms; }
.duration-fast { transition-duration: 100ms; }
.duration-normal { transition-duration: 150ms; }
.duration-slow { transition-duration: 200ms; }
.duration-slower { transition-duration: 300ms; }
.duration-slowest { transition-duration: 500ms; }

/* ── Easing Utilities ── */
.ease-linear { transition-timing-function: linear; }
.ease-ease { transition-timing-function: ease; }
.ease-easeIn { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
.ease-easeOut { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
.ease-easeInOut { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.ease-bounce { transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

/* ── Semantic Text Color Utilities ── */
.text-primary { color: #111827; }
.text-secondary { color: #4B5563; }
.text-tertiary { color: #6B7280; }
.text-muted { color: #9CA3AF; }
.text-subtle { color: #D1D5DB; }
.text-inverse { color: #FAFAFA; }
.text-brand { color: #FC3638; }
.text-accent { color: #3C53FF; }
.text-link { color: #030712; }
.text-linkHover { color: #02060F; }
.text-success { color: #065F46; }
.text-warning { color: #92400E; }
.text-error { color: #A61B1D; }
.text-info { color: #1E2A9E; }

/* ── Semantic Surface Utilities ── */
.bg-surface-base { background-color: #FAFAFA; }
.bg-surface-raised { background-color: #FFFFFF; }
.bg-surface-sunken { background-color: #F5F5F4; }
.bg-surface-subtle { background-color: #F9FAFB; }
.bg-surface-muted { background-color: #F3F4F6; }
.bg-surface-tertiary { background-color: #E7E5E4; }
.bg-surface-overlay { background-color: rgba(17, 24, 39, 0.50); }
.bg-surface-inverse { background-color: #111827; }
.bg-surface-dark { background-color: #1F2937; }

/* ── Semantic Border Utilities ── */
.border-default { border-color: #E5E7EB; }
.border-secondary { border-color: #D1D5DB; }
.border-tertiary { border-color: #F3F4F6; }
.border-hover { border-color: #D1D5DB; }
.border-focus { border-color: #3C53FF; }
.border-focusBrand { border-color: #FC3638; }
.border-muted { border-color: #F3F4F6; }
.border-inverse { border-color: #374151; }

/* ── Semantic Brand Utilities ── */
.text-brand { color: #FC3638; }
.bg-brand { background-color: #FC3638; }
.text-brand-lighter { color: #FFF5F5; }
.bg-brand-lighter { background-color: #FFF5F5; }
.text-brand-light { color: #FFE3E3; }
.bg-brand-light { background-color: #FFE3E3; }
.text-brand-muted { color: #FFC9C9; }
.bg-brand-muted { background-color: #FFC9C9; }
.text-brand-dark { color: #C92022; }
.bg-brand-dark { background-color: #C92022; }
.text-brand-darker { color: #821718; }
.bg-brand-darker { background-color: #821718; }
.text-brand-hover { color: #E5282A; }
.bg-brand-hover { background-color: #E5282A; }
.text-brand-active { color: #A61B1D; }
.bg-brand-active { background-color: #A61B1D; }
.text-brand-subtle { color: rgba(252, 54, 56, 0.08); }
.bg-brand-subtle { background-color: rgba(252, 54, 56, 0.08); }