Leonardo

:root {
  --color-dominant: #6c64eb;
  --color-surface: #272457;
  --color-ink: #9484f1;
  --color-accent: #8c8cb4;
  --color-detail: #bab9bb;
}

/* CSS variables exposed by source */
:root {
  --border: oklch(92.2% 0 0);
  --text-16-clamped--line-height: 1.25;
  --text-10: clamp(8px,.55rem,16px);
  --text-2xl: 1.5rem;
  --text-28--line-height: 1;
  --text-20: clamp(12px,1.1111rem,36px);
  --text-70: clamp(24px,3.888rem,120px);
  --text-11--line-height: 1.25;
  --text-lg: 1.125rem;
  --color-gray2: #999;
  --primary-foreground: oklch(98.5% 0 0);
  --text-46--line-height: 1.1;
  --text-60--line-height: .9;
  --color-hotpink: #ff3386;
  --text-86: clamp(24px,4.77778rem,120px);
  --font-canva-sans-italic: "canvaSansItalic","canvaSansItalic Fallback";
  --font-ufficio-display: "ufficioDisplay","ufficioDisplay Fallback";
  --text-base--line-height: calc(1.5/1);
  --text-133--line-height: 1;
  --text-52: clamp(24px,2.8888rem,65px);
  --color-gray-300: oklch(87.2% .01 258.338);
  --text-250: clamp(60px,13.888rem,350px);
  --accent-foreground: oklch(20.5% 0 0);
  --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --text-14-clamped--line-height: 1.25;
  --text-86--line-height: .9;
  --text-80: clamp(24px,4.444rem,120px);
  --text-30: clamp(16px,1.6666rem,44px);
  --text-56--line-height: 1.1;
  --color-orange: #ff5d4b;
  --text-lg--line-height: calc(1.75/1.125);
  --color-white: #fff;
  --color-red-400: oklch(70.4% .191 22.216);
  --text-26: clamp(16px,1.4444rem,36px);
  --text-55--line-height: 1.1;
  --color-accent: oklch(97% 0 0);
  --text-32: clamp(16px,1.777rem,44px);
  --text-133: clamp(100px,7.388rem,240px);
  --font-sans: "canvaSans","canvaSans Fallback";
  --text-18: clamp(11px,1rem,26px);
  --font-leo-sans: "leoSans","leoSans Fallback";
  --font-weight-bold: 700;
  --text-30--line-height: 1.25;
  --radius: .625rem;
  --color-gray-100: oklch(96.7% .003 264.542);
  --text-85: clamp(24px,4.722rem,120px);
  --text-90--line-height: .8;
  --color-watermelon: #ff5d4b;
  --text-16-clamped: clamp(12px,.888rem,24px);
  --text-28: clamp(16px,1.5555rem,33px);
  --text-xs--line-height: calc(1/.75);
  --color-green: #03e65b;
  --color-blue: #33d0ff;
  --color-light-gray: #d9d9d9;
  --text-46: clamp(24px,2.55rem,65px);
  --color-purple: #6e60ee;
  --text-220--line-height: .9;
  --text-xl: 1.25rem;
  --text-36--line-height: 1.1;
  --text-82: clamp(24px,4.666rem,120px);
}