/* ============================================================
   Club del Sole — Typography tokens
   Comfortaa on headings (rounded, friendly — NOT a serif).
   Nunito on body. Type scale is a 14px base × modular ratios.
   ============================================================ */
:root {
  /* families */
  --font-heading: 'Comfortaa', system-ui, sans-serif;
  --font-body:    'Nunito', system-ui, sans-serif;

  /* weights — the CdS system skips 500 and uses 600 as "medium" */
  --fw-thin:      200; /* @kind font */
  --fw-light:     300; /* @kind font */
  --fw-regular:   400; /* @kind font */
  --fw-medium:    600; /* @kind font */
  --fw-bold:      700; /* @kind font */
  --fw-extrabold: 800; /* @kind font */
  --fw-black:     900; /* @kind font */

  /* size scale (px) */
  --fs-100: 12px;  /* caption / micro */
  --fs-200: 14px;  /* base / body */
  --fs-300: 17px;  /* body large */
  --fs-400: 18px;  /* small title */
  --fs-500: 21px;  /* h3 */
  --fs-600: 24px;  /* h2 */
  --fs-700: 28px;  /* h1 */
  --fs-800: 42px;  /* display / hero */

  /* semantic type roles */
  --type-display:  var(--fs-800);
  --type-h1:       var(--fs-700);
  --type-h2:       var(--fs-600);
  --type-h3:       var(--fs-500);
  --type-title:    var(--fs-400);
  --type-body-lg:  var(--fs-300);
  --type-body:     var(--fs-200);
  --type-caption:  var(--fs-100);

  /* line-heights */
  --lh-tight:   1.1; /* @kind other */
  --lh-snug:    1.25; /* @kind other */
  --lh-normal:  1.5; /* @kind other */

  /* eyebrow / label letter-spacing (uppercase micro-labels) */
  --ls-label: 0.04em; /* @kind other */
}