/* Arcadia Homes — Typography tokens
 * Refined-luxury feel: light weights, generous tracking, uppercase labels.
 * Montserrat = everything structural/body. Cormorant Garamond = editorial accent.
 * Dancing Script = brand slogan only.
 */
:root {
  --font-sans: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  /* Display = the same Montserrat, set light + tracked for a refined, luxury feel. */
  --font-display: var(--font-sans);
  /* Deprecated alias — the brand is now ALL sans-serif. Retained so existing
     component references resolve to Montserrat rather than a browser serif. */
  --font-serif: var(--font-display);
  --font-script: 'Dancing Script', cursive;

  /* Weights */
  --fw-thin: 200;     /* @kind font */
  --fw-light: 300;    /* @kind font */
  --fw-regular: 400;  /* @kind font */
  --fw-medium: 500;   /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold: 700;     /* @kind font */

  /* Fluid display scale (clamped for responsive heroes) */
  --fs-display-xl: clamp(3rem, 6vw, 5.5rem);   /* @kind font */
  --fs-display-lg: clamp(2.4rem, 4.5vw, 4rem); /* @kind font */
  --fs-display-md: clamp(1.9rem, 3vw, 2.75rem);/* @kind font */
  --fs-h1: 2.5rem;         /* @kind font */
  --fs-h2: 2rem;           /* @kind font */
  --fs-h3: 1.5rem;         /* @kind font */
  --fs-h4: 1.25rem;        /* @kind font */
  --fs-body-lg: 1.125rem;  /* @kind font */
  --fs-body: 1rem;         /* @kind font */
  --fs-body-sm: 0.9375rem; /* @kind font */
  --fs-label: 0.8125rem;   /* @kind font */
  --fs-eyebrow: 0.75rem;   /* @kind font */

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

  /* Letter spacing */
  --ls-tightest: -0.02em; /* @kind font */
  --ls-tight: -0.01em;    /* @kind font */
  --ls-normal: 0;         /* @kind font */
  --ls-wide: 0.08em;      /* @kind font */
  --ls-wider: 0.18em;     /* @kind font */
  --ls-widest: 0.28em;    /* @kind font */
}
