/* JD designs — Typography tokens (CI-Richtlinie §5)
   Playfair Display = display/headlines (serif, editorial weight)
   Poppins          = body / UI / tagline (grotesque, readable)
   Dancing Script   = brand accent ONLY — reserved for the word "designs"
                      in the logo and rare decorative flourishes. Never body/headings. */

:root {
  /* ---- Families ---- */
  --font-display: "Playfair Display", "Georgia", "Times New Roman", serif;
  --font-body:    "Poppins", "Helvetica Neue", Arial, sans-serif;
  --font-script:  "Dancing Script", "Brush Script MT", cursive;

  /* ---- Weights ---- */
  --fw-regular: 400; /* @kind other */
  --fw-medium:  500; /* @kind other */
  --fw-semibold:600; /* @kind other */
  --fw-bold:    700; /* @kind other */

  /* ---- Type scale (desktop reference, CI §5.2) ---- */
  --text-hero:   clamp(2.5rem, 5vw, 4rem);   /* H1 / Hero — Playfair 700, 48–64px */
  --text-h2:     clamp(2rem, 3.5vw, 2.5rem); /* Section title — Playfair 600, 32–40px */
  --text-h3:     1.5rem;                      /* Subsection — Poppins 600, 22–26px */
  --text-lg:     1.125rem;                    /* Lead body — 18px */
  --text-body:   1rem;                        /* Body — 16px */
  --text-sm:     0.875rem;                    /* Meta / prices / dims — 14px */
  --text-label:  0.75rem;                     /* Uppercase label / tagline — 12px */

  /* ---- Line heights ---- */
  --lh-tight:   1.1; /* @kind other */
  --lh-heading: 1.2; /* @kind other */
  --lh-snug:    1.3; /* @kind other */
  --lh-body:    1.6; /* @kind other */
  --lh-meta:    1.5; /* @kind other */

  /* ---- Tracking ---- */
  --tracking-label: 0.02em;  /* +2% on uppercase labels/tagline */
  --tracking-tight: -0.01em; /* @kind other */
}