/* =========================================================================
   ConversionClub — Typography tokens
   Poppins for display/brand, Inter for body/UI. Wide scale, big titles,
   generous air. Max two visual weights per section.
   (Only the family tokens are @kind font; scale/weight/metric tokens are
    @kind other — they are typographic but not font-family values.)
   ========================================================================= */

:root {
  /* ---- Families ---- */
  --cc-font-display: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif; /* @kind font */
  --cc-font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;   /* @kind font */
  --cc-font-mono:    ui-monospace, 'SF Mono', Menlo, Consolas, monospace;         /* @kind font */

  /* semantic */
  --font-display: var(--cc-font-display); /* @kind font */
  --font-body:    var(--cc-font-body);    /* @kind font */

  /* ---- Weights (the two-weight logo trick) : 300 base, 600 keyword ---- */
  --cc-w-light:    300; /* @kind other */
  --cc-w-regular:  400; /* @kind other */
  --cc-w-medium:   500; /* @kind other */
  --cc-w-semibold: 600; /* @kind other */
  --cc-w-bold:     700; /* @kind other */

  /* ---- Display scale (Poppins) : fluid clamps, ~56 up to ~92px ---- */
  --cc-display-2xl: clamp(3.5rem, 1.8rem + 6.5vw, 5.75rem); /* @kind other */
  --cc-display-xl:  clamp(2.75rem, 1.6rem + 4.6vw, 4.25rem);/* @kind other */
  --cc-display-lg:  clamp(2.25rem, 1.5rem + 2.9vw, 3.25rem);/* @kind other */
  --cc-display-md:  clamp(1.85rem, 1.35rem + 1.9vw, 2.5rem);/* @kind other */

  /* ---- Heading scale : 36 / 28 / 22 / 18 ---- */
  --cc-h1: 2.25rem;   /* @kind other */
  --cc-h2: 1.75rem;   /* @kind other */
  --cc-h3: 1.375rem;  /* @kind other */
  --cc-h4: 1.125rem;  /* @kind other */

  /* ---- Body & UI (Inter) : 18 / 16 / 14 / 13 / 12 ---- */
  --cc-body-lg: 1.125rem;  /* @kind other */
  --cc-body:    1rem;      /* @kind other */
  --cc-body-sm: 0.875rem;  /* @kind other */
  --cc-caption: 0.8125rem; /* @kind other */
  --cc-overline:0.75rem;   /* @kind other */

  /* ---- Line heights ---- */
  --cc-lh-display: 1.04;  /* @kind other */
  --cc-lh-heading: 1.14;  /* @kind other */
  --cc-lh-snug:    1.35;  /* @kind other */
  --cc-lh-body:    1.6;   /* @kind other */
  --cc-lh-relaxed: 1.72;  /* @kind other */

  /* ---- Letter spacing : tight display, wide overline ---- */
  --cc-tracking-display: -0.025em; /* @kind other */
  --cc-tracking-heading: -0.015em; /* @kind other */
  --cc-tracking-normal:  0;        /* @kind other */
  --cc-tracking-wide:    0.02em;   /* @kind other */
  --cc-tracking-overline:0.16em;   /* @kind other */
}