Lexus

:root {
  --color-dominant: #c97a2f;
  --color-surface: #78461a;
  --color-ink: #e5bb93;
  --color-accent: #97826c;
  --color-detail: #cab297;
}

/* CSS variables exposed by source */
:root {
  --colors-stone-600: #57534e;
  --colors-gray-400: #9ca3af;
  --colors-slate-700: #334155;
  --colors-slate-100: #f1f5f9;
  --colors-teal-200: #99f6e4;
  --colors-pink-600: #db2777;
  --colors-rose-400: #fb7185;
  --sizes-2: .5rem;
  --colors-slate-200: #e2e8f0;
  --colors-violet-300: #c4b5fd;
  --font-weights-black: 900;
  --shadows-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
  --colors-purple-100: #f3e8ff;
  --colors-zinc-300: #d4d4d8;
  --colors-purple-900: #581c87;
  --colors-violet-700: #6d28d9;
  --colors-rose-300: #fda4af;
  --colors-pink-800: #9d174d;
  --colors-zinc-600: #52525b;
  --colors-fuchsia-50: #fdf4ff;
  --spacing-12: 4.5rem;
  --colors-slate-950: #020617;
  --border-spacing-y: 0;
  --colors-fuchsia-200: #f5d0fe;
  --colors-indigo-200: #c7d2fe;
  --spacing-80: 20rem;
  --colors-blue-600: #2563eb;
  --colors-red-800: #991b1b;
  --colors-zinc-400: #a1a1aa;
  --sizes-breakpoint-2xl: 1536px;
  --sizes-0: 0rem;
  --colors-red-200: #fecaca;
  --colors-rose-900: #881337;
  --colors-neutral-200: #e5e5e5;
  --colors-blue-100: #dbeafe;
  --sizes-11: 4rem;
  --sizes-14: 6rem;
  --colors-slate-50: #f8fafc;
  --colors-slate-600: #475569;
  --spacing-3.5: .875rem;
  --font-sizes-3xl: 1.875rem;
  --shadows-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
  --font-weights-bold: 700;
  --colors-yellow-50: #fefce8;
  --border-spacing-x: 0;
  --colors-purple-950: #3b0764;
  --colors-amber-200: #fde68a;
  --colors-red-600: #dc2626;
  --font-sizes-xs: .75rem;
  --colors-lime-100: #ecfccb;
  --colors-green-200: #bbf7d0;
  --font-sizes-md: 1rem;
  --spacing-96: 24rem;
  --colors-violet-400: #a78bfa;
  --colors-amber-300: #fcd34d;
  --color-select-option-selected-background: #f0f0f0;
  --sizes-base: .5rem;
  --colors-pink-700: #be185d;
  --colors-stone-100: #f5f5f4;
  --color-text-default: #000;
}