/* ============================================================
   Akhil Ranjith — Design System · Typography tokens
   Josefin Sans carries the brand; Inter is used only for the
   tiny legal footer line. Weights and the fluid type scale are
   measured from the live site.
   ============================================================ */
:root {
  /* ---- Families ---- */
  --ff-head: 'Josefin Sans', 'Century Gothic', sans-serif;
  --ff-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ---- Weights (Josefin Sans) ---- */
  --fw-thin: 100; /* hero headlines */
  --fw-light: 200; /* leads & sub-text */
  --fw-regular: 300; /* nav, buttons, contact headline */
  --fw-medium: 400; /* input text */
  --fw-bold: 600; /* send button */

  /* ---- Fluid type scale  (clamp: min, fluid, max) ---- */
  --fs-display: clamp(2.5rem, 5.6vw, 5rem); /* home headline */
  --fs-display-lg: clamp(2.3rem, 5.85vw, 5.25rem); /* design headline */
  --fs-h1: clamp(2rem, 3.5vw, 3.125rem); /* contact headline */
  --fs-lead: clamp(1.6rem, 2.8vw, 2.5rem); /* lead line */
  --fs-body-lg: clamp(1.15rem, 1.75vw, 1.5625rem); /* sub-text / industries */
  --fs-body: clamp(1.05rem, 1.5vw, 1.3125rem); /* contact sub */
  --fs-ui: 16px; /* nav links, outlined buttons */
  --fs-input: 15px; /* form fields & send */
  --fs-fine: 11px; /* copyright */

  /* ---- Line heights ---- */
  --lh-tight: 1;
  --lh-snug: 1.15;
  --lh-normal: 1.3;
  --lh-relaxed: 1.5;
}