/* Greenhaus Krause — Typography tokens
   Two voices: Belleza (organic display, the brand's "handwriting") and
   Graphie (rounded geometric sans for everything functional). */

:root {
  --font-display: "Belleza", "Optima", "Palatino", serif;
  --font-sans: "Graphie", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* weights (Graphie) */
  --fw-light: 300;        /* @kind font */
  --fw-book: 350;         /* @kind font */
  --fw-regular: 400;      /* @kind font */
  --fw-semibold: 600;     /* @kind font */
  --fw-bold: 700;         /* @kind font */
  --fw-extrabold: 800;    /* @kind font */

  /* type scale — generous, airy */
  --text-display: 76px;   /* hero wordmark-scale headings (Belleza) */
  --text-h1: 44px;
  --text-h2: 32px;
  --text-h3: 24px;
  --text-title: 20px;
  --text-body-lg: 18px;
  --text-base: 16px;
  --text-sm: 14px;
  --text-xs: 12px;
  --text-eyebrow: 12px;   /* letterspaced uppercase taupe label */

  /* line heights */
  --lh-tight: 1.05;       /* @kind font */
  --lh-snug: 1.2;         /* @kind font */
  --lh-normal: 1.5;       /* @kind font */
  --lh-relaxed: 1.65;     /* @kind font */

  /* letter spacing */
  --ls-eyebrow: 0.04em;   /* @kind font */
  --ls-display: 0.01em;   /* @kind font */
  --ls-tight: -0.01em;    /* @kind font */
  --ls-normal: 0;         /* @kind font */
  --ls-button: 0.09em;    /* @kind font */
}