/* ------------------------------------------------------------------
   Coco Beauty Salon — Typography tokens
   SF Pro Display / SF Pro Text (system-ui → Inter fallback).
   Weight ladder: 300 / 400 / 600 / 700. 500 is deliberately absent.
   Negative letter-spacing at display sizes = the "Apple tight" feel.
------------------------------------------------------------------ */

:root {
  /* --- Families --- */
  /* Inter is the declared primary face (clean Apple-style display without
     licensed font files). system-ui/-apple-system resolve to SF Pro on Apple. */
  --font-display: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-text: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;

  /* --- Weights --- */
  --weight-light: 300;    /* rare — large airy reads only */
  --weight-regular: 400;
  --weight-semibold: 600; /* headlines */
  --weight-bold: 700;     /* rare — assertive taglines */

  /* --- Type scale: size / line-height / letter-spacing --- */
  --type-hero-display-size: 56px;   --type-hero-display-lh: 1.07;  --type-hero-display-ls: -0.28px;
  --type-display-lg-size: 40px;     --type-display-lg-lh: 1.10;    --type-display-lg-ls: 0;
  --type-display-md-size: 34px;     --type-display-md-lh: 1.47;    --type-display-md-ls: -0.374px;
  --type-lead-size: 28px;           --type-lead-lh: 1.14;          --type-lead-ls: 0.196px;
  --type-lead-airy-size: 24px;      --type-lead-airy-lh: 1.5;      --type-lead-airy-ls: 0;
  --type-tagline-size: 21px;        --type-tagline-lh: 1.19;       --type-tagline-ls: 0.231px;
  --type-body-strong-size: 17px;    --type-body-strong-lh: 1.24;   --type-body-strong-ls: -0.374px;
  --type-body-size: 17px;           --type-body-lh: 1.47;          --type-body-ls: -0.374px;
  --type-dense-link-size: 17px;     --type-dense-link-lh: 2.41;    --type-dense-link-ls: 0;
  --type-caption-size: 14px;        --type-caption-lh: 1.43;       --type-caption-ls: -0.224px;
  --type-caption-strong-size: 14px; --type-caption-strong-lh: 1.29;--type-caption-strong-ls: -0.224px;
  --type-button-large-size: 18px;   --type-button-large-lh: 1.0;   --type-button-large-ls: 0;
  --type-button-utility-size: 14px; --type-button-utility-lh: 1.29;--type-button-utility-ls: -0.224px;
  --type-fine-print-size: 12px;     --type-fine-print-lh: 1.0;     --type-fine-print-ls: -0.12px;
  --type-micro-legal-size: 10px;    --type-micro-legal-lh: 1.3;    --type-micro-legal-ls: -0.08px;
  --type-nav-link-size: 12px;       --type-nav-link-lh: 1.0;       --type-nav-link-ls: -0.12px;
}