/* Geist + shadcn/studio typography. Shared by the app and public documents. */
:root {
  --font-sans: Geist, Arial, sans-serif;
  --honney-ink: #0f172a;
  --honney-paper: #ffffff;
  --honney-muted: #475569;
  --honney-surface: #f8fafc;
  --honney-border: #e2e8f0;
  --honney-radius: 2px;
  --type-h1-size: 36px;
  --type-h1-line: 40px;
  --type-h1-weight: 300;
  --type-h2-size: 30px;
  --type-h2-line: 36px;
  --type-h3-size: 24px;
  --type-h3-line: 32px;
  --type-h4-size: 20px;
  --type-h4-line: 28px;
  --type-heading-weight: 300;
  --type-body-size: 16px;
  --type-body-line: 24px;
  --type-longform-line: 28px;
  --type-label-size: 14px;
  --type-label-line: 20px;
  --type-caption-size: 12px;
  --type-caption-line: 16px;
  --type-tracking-tight: -0.025em;
}
@media (max-width: 767px) {
  :root { --type-h1-size: 30px; --type-h1-line: 36px; }
}

/* Only light and regular weights are part of the Honney identity. */
:root { --font-weight-normal: 400; --font-weight-light: 300; }
b, strong, th { font-weight: 400; }
h1, h2, h3, h4, h5, h6 { font-weight: 300; }

/* The original vector includes a white canvas. A luminance mask displays its
   drawing in the surrounding text color without modifying the supplied asset. */
.honney-logo {
  display: block;
  width: 100%;
  aspect-ratio: 1711 / 788;
  clip-path: inset(4% 1%);
  background-color: currentColor;
  mask-image: linear-gradient(#fff, #fff), url('/logo-honney.svg');
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  mask-mode: alpha, luminance;
  mask-composite: exclude;
}