/* ============================================================
   The Peeled Closet — Typography tokens
   Display serif (MADE Mirage) for headlines & the wordmark.
   Accent serif italic (Playfair ≈ Migra) for the "peeled" mark.
   Body sans (Hanken ≈ Typo Grotesk) for paragraphs & UI.
   Mono (IBM Plex Mono) for labels, prices' meta, museum tags.
   ============================================================ */

:root {
  /* --- Families --- */
  --font-display: 'MADE Mirage', 'Times New Roman', Georgia, serif;
  --font-accent: 'Playfair Display', Georgia, serif;          /* ≈ Migra / Bananas */
  --font-sans: 'Hanken Grotesk', system-ui, -apple-system, sans-serif; /* ≈ Typo Grotesk */
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', monospace;

  /* --- Weights --- */
  --w-thin: 200;        /* @kind font */
  --w-regular: 400;     /* @kind font */
  --w-medium: 500;      /* @kind font */
  --w-semibold: 600;    /* @kind font */
  --w-bold: 700;        /* @kind font */
  --w-black: 900;       /* @kind font */

  /* --- Display scale (MADE Mirage) --- */
  --type-display-xl: 200;                   /* @kind font */
  --fs-display-1: clamp(44px, 7vw, 92px);   /* @kind font */
  --fs-display-2: clamp(34px, 5vw, 60px);   /* @kind font */
  --fs-display-3: clamp(26px, 3.4vw, 40px); /* @kind font */
  --fs-serif-lg: 28px;  /* @kind font */
  --fs-serif-md: 22px;  /* @kind font */
  --fs-serif-sm: 18px;  /* @kind font */

  /* --- Body (Hanken) --- */
  --fs-body-lg: 18px;   /* @kind font */
  --fs-body: 16px;      /* @kind font */
  --fs-body-sm: 14px;   /* @kind font */
  --fs-caption: 13px;   /* @kind font */

  /* --- Mono labels (IBM Plex Mono) --- */
  --fs-label: 12px;     /* @kind font */
  --fs-label-sm: 11px;  /* @kind font */
  --fs-meta: 13px;      /* @kind font */

  /* --- Line heights --- */
  --lh-tight: 1.04;     /* @kind font */
  --lh-snug: 1.18;      /* @kind font */
  --lh-body: 1.55;      /* @kind font */
  --lh-relaxed: 1.7;    /* @kind font */

  /* --- Letter spacing --- */
  --ls-display: -0.01em;    /* @kind font */
  --ls-tight: -0.02em;      /* @kind font */
  --ls-normal: 0;           /* @kind font */
  --ls-label: 0.16em;       /* @kind font */
  --ls-label-wide: 0.24em;  /* @kind font */
  --ls-caps: 0.08em;        /* @kind font */
}