Export Engine

/* Acme - design tokens generated by DesignHub (https://github.com/yakew7/DesignHub) */
:root {
  --color-indigo: oklch(20.77% 0.0398 265.75);
  --color-indigo-50: oklch(97.5% 0.0107 265.75);
  --color-indigo-100: oklch(94% 0.0214 265.75);
  --color-indigo-200: oklch(88.5% 0.0383 265.75);
  --color-indigo-300: oklch(81% 0.0551 265.75);
  --color-indigo-400: oklch(71% 0.0689 265.75);
  --color-indigo-500: oklch(62.5% 0.0766 265.75);
  --color-indigo-600: oklch(55% 0.0766 265.75);
  --color-indigo-700: oklch(46.69% 0.0705 265.75);
  --color-indigo-800: oklch(38.38% 0.0613 265.75);
  --color-indigo-900: oklch(31.08% 0.0521 265.75);
  --color-indigo-950: oklch(20.77% 0.0398 265.75);
  --color-indigo-2: oklch(58.54% 0.2041 277.12);
  --color-indigo-2-50: oklch(97.5% 0.0286 277.12);
  --color-indigo-2-100: oklch(94% 0.0571 277.12);
  --color-indigo-2-200: oklch(88.5% 0.102 277.12);
  --color-indigo-2-300: oklch(81.89% 0.1469 277.12);
  --color-indigo-2-400: oklch(72.77% 0.1836 277.12);
  --color-indigo-2-500: oklch(65.16% 0.2041 277.12);
  --color-indigo-2-600: oklch(58.54% 0.2041 277.12);
  --color-indigo-2-700: oklch(50.66% 0.1877 277.12);
  --color-indigo-2-800: oklch(42.77% 0.1632 277.12);
  --color-indigo-2-900: oklch(35.89% 0.1388 277.12);
  --color-indigo-2-950: oklch(26% 0.1061 277.12);
  --color-pink: oklch(72.53% 0.1752 349.76);
  --color-pink-50: oklch(97.5% 0.0273 349.76);
  --color-pink-100: oklch(94.38% 0.0545 349.76);
  --color-pink-200: oklch(89.26% 0.0973 349.76);
  --color-pink-300: oklch(82.14% 0.1402 349.76);
  --color-pink-400: oklch(72.53% 0.1752 349.76);
  --color-pink-500: oklch(63.64% 0.1947 349.76);
  --color-pink-600: oklch(55.76% 0.1947 349.76);
  --color-pink-700: oklch(48.38% 0.1791 349.76);
  --color-pink-800: oklch(41% 0.1558 349.76);
  --color-pink-900: oklch(35% 0.1324 349.76);
  --color-pink-950: oklch(26% 0.1012 349.76);
  --color-yellow: oklch(83.69% 0.1644 84.43);
  --color-yellow-50: oklch(98.17% 0.032 84.43);
  --color-yellow-100: oklch(95.34% 0.0639 84.43);
  --color-yellow-200: oklch(90.51% 0.1142 84.43);
  --color-yellow-300: oklch(83.69% 0.1644 84.43);
  --color-yellow-400: oklch(73.01% 0.2055 84.43);
  --color-yellow-500: oklch(63.84% 0.2284 84.43);
  --color-yellow-600: oklch(55.67% 0.2284 84.43);
  --color-yellow-700: oklch(48% 0.2101 84.43);
  --color-yellow-800: oklch(41% 0.1827 84.43);
  --color-yellow-900: oklch(35% 0.1553 84.43);
  --color-yellow-950: oklch(26% 0.1187 84.43);
  --color-emerald: oklch(77.29% 0.1535 163.22);
  --color-emerald-50: oklch(96.57% 0.0298 163.22);
  --color-emerald-100: oklch(92.15% 0.0597 163.22);
  --color-emerald-200: oklch(85.72% 0.1066 163.22);
  --color-emerald-300: oklch(77.29% 0.1535 163.22);
  --color-emerald-400: oklch(68.22% 0.1919 163.22);
  --color-emerald-500: oklch(60.65% 0.2132 163.22);
  --color-emerald-600: oklch(54.07% 0.2132 163.22);
  --color-emerald-700: oklch(48% 0.1961 163.22);
  --color-emerald-800: oklch(41% 0.1705 163.22);
  --color-emerald-900: oklch(35% 0.145 163.22);
  --color-emerald-950: oklch(26% 0.1109 163.22);
  --color-primary: var(--color-indigo-2, oklch(58.54% 0.2041 277.12));
  --color-accent: var(--color-pink, oklch(72.53% 0.1752 349.76));
  --color-foreground: var(--color-indigo, oklch(20.77% 0.0398 265.75));
  --color-background: oklch(100% 0 0);
  --gradient-primary: linear-gradient(in oklch 135deg, oklch(62% 0.2 277) 0%, oklch(72% 0.17 350) 50%, oklch(85% 0.15 85) 100%);
  --spacing-0: 0;
  --spacing-px: 0.0625rem;
  --spacing-0\.5: 0.125rem;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-6: 1.5rem;
  --spacing-8: 2rem;
  --spacing-12: 3rem;
  --spacing-16: 4rem;
  --spacing-24: 6rem;
  --radius-none: 0;
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-2xl: 1.5rem;
  --radius-full: 9999px;
  --shadow-card: 0 1px 2px 0 rgb(0 0 0 / 0.08), 0 8px 24px -4px rgb(0 0 0 / 0.18);
  --shadow-glow: 0 0 17.6px rgb(99 102 241 / 0.42);
  --blur-glass: 16px;
}

@supports not (background: linear-gradient(in oklch, red, blue)) {
  :root {
    --gradient-primary: linear-gradient(135deg, #6c72fb 0%, #f072b3 50%, #fac547 100%);
  }
}