Krea: AI Creative Suite for Images, Video & 3D

:root {
  --color-dominant: #ce9e33;
  --color-surface: #e3a290;
  --color-ink: #302c0c;
  --color-accent: #9c8368;
  --color-detail: #d4ccc4;
}

/* CSS variables exposed by source */
:root {
  --border: oklch(100% 0 0/.1);
  --color-zinc-200: oklch(92% .004 286.32);
  --color-pink-500: oklch(65.6% .241 354.308);
  --color-overlay-chip-foreground: oklch(100% 0 0);
  --color-orange-600: oklch(64.6% .222 41.116);
  --color-neutral-600: oklch(43.9% 0 0);
  --color-orange-800: oklch(47% .157 37.304);
  --color-teal-400: oklch(77.7% .152 181.912);
  --color-blue-700: oklch(48.8% .243 264.376);
  --color-neutral-300: oklch(87% 0 0);
  --color-purple-800: oklch(43.8% .218 303.724);
  --color-k-panel-bg2: #6e6b6e;
  --text-base--line-height: calc(1.5 / 1);
  --radius-4xl: 2rem;
  --color-cyan-700: oklch(52% .105 223.128);
  --color-gray-300: oklch(87.2% .01 258.338);
  --color-primary-300: #d4d4d5;
  --font-mono: "Suisse Intl Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --color-primary-800: #262626;
  --color-cyan-200: oklch(91.7% .08 205.041);
  --color-amber-300: oklch(87.9% .169 91.605);
  --color-gray-500: oklch(55.1% .027 264.364);
  --color-primary-foreground: oklch(0% 0 0);
  --color-green-500: oklch(72.3% .219 149.579);
  --text-9xl--line-height: 1;
  --color-white: #fff;
  --color-sky-600: oklch(58.8% .158 241.966);
  --color-gray-400: oklch(70.7% .022 261.325);
  --color-blue-400: oklch(70.7% .165 254.624);
  --color-pink-50: oklch(97.1% .014 343.198);
  --color-slate-400: oklch(70.4% .04 256.788);
  --radius-sm: calc(.625rem - 4px);
  --color-zinc-950: oklch(14.1% .005 285.823);
  --color-gray-100: oklch(96.7% .003 264.542);
  --color-purple-600: oklch(55.8% .288 302.321);
  --color-violet-500: oklch(60.6% .25 292.717);
  --color-fuchsia-600: oklch(59.1% .293 322.896);
  --color-lime-200: oklch(93.8% .127 124.321);
  --color-fuchsia-200: oklch(90.3% .076 319.62);
  --color-green-900: oklch(39.3% .095 152.535);
  --radius-md: calc(.625rem - 2px);
  --color-pink-100: oklch(94.8% .028 342.258);
  --color-neutral-900: oklch(20.5% 0 0);
  --radius-lg: .625rem;
  --color-neutral-100: oklch(97% 0 0);
  --text-xxs: .625rem;
  --color-yellow-950: oklch(28.6% .066 53.813);
  --accent: oklch(26.9% 0 0);
  --color-violet-950: oklch(28.3% .141 291.089);
  --color-violet-300: oklch(81.1% .111 293.571);
  --color-zinc-900: oklch(21% .006 285.885);
  --color-sky-300: oklch(82.8% .111 230.318);
  --color-lime-800: oklch(45.3% .124 130.933);
  --color-emerald-900: oklch(37.8% .077 168.94);
  --color-sidebar-primary-foreground: oklch(98.5% 0 0);
  --color-slate-600: oklch(44.6% .043 257.281);
  --color-pink-600: oklch(59.2% .249 .584);
  --color-stone-600: oklch(44.4% .011 73.639);
  --color-secondary: oklch(26.9% 0 0);
  --text-8xl: 6rem;
}