House of Honey | Interior Design Studio

:root {
  --color-dominant: #fccc64;
  --color-surface: #fcdcac;
  --color-ink: #73231e;
  --color-accent: #8f6354;
  --color-detail: #a8cac8;
}

/* CSS variables exposed by source */
:root {
  --text-error-caption--font-weight: 500;
  --text-title-60--line-height: 1;
  --color-theme-bg-primary: #331917;
  --text-caption-30: clamp(calc(.0625rem * 12), calc(.0625rem * 12) + (16 - 12) * calc((100vw - calc(.0625rem * 375)) / (1600 - 375)), calc(.0625rem * 16));
  --text-body-30-strong: clamp(calc(.0625rem * 16), calc(.0625rem * 16) + (18 - 16) * calc((100vw - calc(.0625rem * 375)) / (1600 - 375)), calc(.0625rem * 18));
  --font-noe-text: "noeText", "noeText Fallback";
  --text-title-20--font-weight: 400;
  --color-base-cream: #fff8ef;
  --text-subtitle-30-normal--letter-spacing: -.02em;
  --text-title-40--line-height: 1;
  --text-title-100--font-weight: 400;
  --text-body-20-strong: clamp(calc(.0625rem * 14), calc(.0625rem * 14) + (16 - 14) * calc((100vw - calc(.0625rem * 375)) / (1600 - 375)), calc(.0625rem * 16));
  --color-base-dark-green: #003933;
  --text-body-20-normal--letter-spacing: normal;
  --text-title-100: clamp(calc(.0625rem * 250), calc(.0625rem * 250) + (580 - 250) * calc((100vw - calc(.0625rem * 375)) / (1600 - 375)), calc(.0625rem * 580));
  --text-title-20--line-height: 1;
  --text-title-40: clamp(calc(.0625rem * 40), calc(.0625rem * 40) + (64 - 40) * calc((100vw - calc(.0625rem * 375)) / (1600 - 375)), calc(.0625rem * 64));
  --spacing: .0625rem;
  --text-title-40--font-weight: 400;
  --text-body-20-normal--line-height: 1.3;
  --text-subtitle-30-normal--line-height: 1.3;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --text-menu-item--line-height: 1;
  --text-subtitle-20-normal: clamp(calc(.0625rem * 18), calc(.0625rem * 18) + (20 - 18) * calc((100vw - calc(.0625rem * 375)) / (1600 - 375)), calc(.0625rem * 20));
  --color-theme-transparency-secondary: color-mix(in srgb, #331917 20%, transparent);
  --font-weight-semibold: 600;
  --text-body-20-normal--font-weight: 400;
  --text-error-caption: clamp(calc(.0625rem * 10), calc(.0625rem * 10) + (12 - 10) * calc((100vw - calc(.0625rem * 375)) / (1600 - 375)), calc(.0625rem * 12));
  --text-title-10--font-weight: 400;
  --color-base-blush-pink: #edccbe;
  --color-theme-text-primary: #edccbe;
  --text-caption-30--line-height: 1.3;
  --text-title-10: clamp(calc(.0625rem * 24), calc(.0625rem * 24) + (32 - 24) * calc((100vw - calc(.0625rem * 375)) / (1600 - 375)), calc(.0625rem * 32));
  --color-accent-lime: #aff552;
  --text-body-30-normal--line-height: 1.3;
  --text-menu-item--letter-spacing: -.02em;
  --color-white: #fff;
  --text-subtitle-30-normal--font-weight: 400;
  --text-title-20: clamp(calc(.0625rem * 24), calc(.0625rem * 24) + (48 - 24) * calc((100vw - calc(.0625rem * 375)) / (1600 - 375)), calc(.0625rem * 48));
  --text-error-caption--line-height: 1.3;
  --text-menu-item--font-weight: 400;
  --text-subtitle-20-normal--line-height: 1.3;
  --text-body-30-strong--font-weight: 500;
  --text-title-100--line-height: 1;
  --color-accent-honey: #edbc00;
  --text-title-100--letter-spacing: normal;
  --text-subtitle-30-normal: clamp(calc(.0625rem * 18), calc(.0625rem * 18) + (22 - 18) * calc((100vw - calc(.0625rem * 375)) / (1600 - 375)), calc(.0625rem * 22));
  --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --text-body-20-strong--line-height: 1.3;
  --text-body-20-strong--font-weight: 500;
  --text-body-20-normal: clamp(calc(.0625rem * 14), calc(.0625rem * 14) + (16 - 14) * calc((100vw - calc(.0625rem * 375)) / (1600 - 375)), calc(.0625rem * 16));
  --color-error: #d41203;
  --radius-full: 9999px;
  --text-error-caption--letter-spacing: normal;
  --text-body-30-normal: clamp(calc(.0625rem * 16), calc(.0625rem * 16) + (18 - 16) * calc((100vw - calc(.0625rem * 375)) / (1600 - 375)), calc(.0625rem * 18));
  --font-canora: "canora", "canora Fallback";
  --color-base-light-green: #d8ce7e;
  --text-title-60--letter-spacing: -.02em;
  --color-base-dark-brown: #331917;
  --text-body-30-strong--line-height: 1.3;
}