/* Echitos Viandas — Typography tokens
   Playfair Display → titles & headings (editorial warmth)
   Montserrat       → UI, labels, buttons, functional text & body
   Caveat           → handwritten details only, with moderation */

:root {
  /* ---- Families ---- */
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-text: "Montserrat", system-ui, -apple-system, sans-serif;
  --font-hand: "Caveat", "Segoe Script", cursive;
  --font-mono: ui-monospace, "SF Mono", Menlo, monospace;

  /* ---- Weights ---- */
  --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 ---- */
  --fs-display: clamp(3rem, 7.4vw, 6.2rem); /* @kind font */   /* hero plate names */
  --fs-h1: clamp(2.4rem, 5vw, 4rem); /* @kind font */
  --fs-h2: clamp(1.75rem, 3.6vw, 2.7rem); /* @kind font */
  --fs-h3: clamp(1.12rem, 1.8vw, 1.42rem); /* @kind font */
  --fs-lead: clamp(1.05rem, 1.5vw, 1.3rem); /* @kind font */   /* intro paragraphs */

  /* ---- Fixed UI scale (Montserrat) ---- */
  --fs-body: 1rem; /* @kind font */        /* 16px — body, NEVER smaller for UI */
  --fs-sm: 0.875rem; /* @kind font */      /* 14px — secondary / captions */
  --fs-xs: 0.75rem; /* @kind font */       /* 12px — labels, fine print */
  --fs-over: 0.72rem; /* @kind font */     /* overline */

  /* ---- Line heights ---- */
  --lh-tight: 1.05; /* @kind font */       /* display headings */
  --lh-snug: 1.32; /* @kind font */
  --lh-body: 1.72; /* @kind font */        /* generous body leading */

  /* ---- Tracking ---- */
  --ls-display: -0.012em; /* @kind font */ /* serif headings tighten slightly */
  --ls-over: 0.24em; /* @kind font */      /* uppercase overlines, wide tracking */
  --ls-label: 0.16em; /* @kind font */

  /* ---- Roles ---- */
  --text-overline: var(--fw-semibold) var(--fs-over)/1.2 var(--font-text); /* @kind font */
  --text-button: var(--fw-semibold) var(--fs-sm)/1 var(--font-text); /* @kind font */
}