Lesse Studio - Design & Technology

:root {
  --color-dominant: #817f7d;
  --color-surface: #bdbcbb;
  --color-ink: #434241;
  --color-accent: #84847c;
  --color-detail: #bab9b8;
}

/* CSS variables exposed by source */
:root {
  --bg-primary: #ebebeb;
  --text-secondary: #666;
  --text-2xl: 1.5rem;
  --font-hostgrotesk: "HostGrotesk", sans-serif;
  --text-lg: 1.125rem;
  --text-8xl--line-height: 1;
  --color-red-300: oklch(80.8% .114 19.571);
  --text-5xl--line-height: 1;
  --text-2xl--line-height: calc(2 / 1.5);
  --spacing: .25rem;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --text-8xl: 6rem;
  --font-weight-semibold: 600;
  --bg-secondary: #f5f5f5;
  --color-gray-500: oklch(55.1% .027 264.364);
  --text-sm: .875rem;
  --color-green-500: oklch(72.3% .219 149.579);
  --text-lg--line-height: calc(1.75 / 1.125);
  --color-red-400: oklch(70.4% .191 22.216);
  --color-white: #fff;
  --color-transition: 1s;
  --color-blue-600: oklch(54.6% .245 262.881);
  --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --text-4xl: 2.25rem;
  --font-dmsans: "DMSans", sans-serif;
  --text-primary: #000;
  --color-red-500: oklch(63.7% .237 25.331);
  --text-sm--line-height: calc(1.25 / .875);
  --text-3xl--line-height: 1.2;
  --text-5xl: 3rem;
  --text-6xl: 3.75rem;
  --text-3xl: 1.875rem;
  --color-black: #000;
  --text-xs--line-height: calc(1 / .75);
  --font-weight-medium: 500;
  --text-xs: .75rem;
  --font-weight-thin: 100;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --radius-xl: .75rem;
  --radius-2xl: 1rem;
  --radius-md: .375rem;
  --text-6xl--line-height: 1;
  --text-4xl--line-height: calc(2.5 / 2.25);
  --radius-lg: .5rem;
  --font-lacerchia: "LaCerchia", cursive;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-inset-shadow-alpha: 100%;
  --tw-ring-shadow: 0 0 #0000;
  --aspect-video: 16 / 9;
  --leading-snug: 1.375;
  --tw-drop-shadow-alpha: 100%;
  --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  --tw-outline-style: solid;
  --ease-in: cubic-bezier(.4, 0, 1, 1);
  --ease: cubic-bezier(.65, .05, .1, 1);
  --tw-inset-ring-shadow: 0 0 #0000;
  --tw-translate-z: 0;
  --tw-gradient-via: rgba(0, 0, 0, 0);
  --slide-duration: 1.5s;
  --tw-scale-y: 1;
}