/* ============================================================
   AMIGO STUDIOS — TYPOGRAPHY TOKENS
   Four-voice system:
   1. Oaxaca            → big UPPERCASE display headlines
   2. Bricolage Grotesque → display sans, numerals, sub-heads
   3. Nunito           → body / UI text (700-800 is brand default for labels)
   4. El Camino Slim   → handwritten script asides (terracotta, tilted)
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display:  'Oaxaca', 'Bricolage Grotesque', system-ui, sans-serif;
  --font-heading:  'Bricolage Grotesque', 'Nunito', system-ui, sans-serif;
  --font-body:     'Nunito', -apple-system, system-ui, sans-serif;
  --font-script:   'El Camino Slim', 'Nunito', cursive;
  --font-mono:     ui-monospace, 'SF Mono', Menlo, monospace;

  /* ---- Weights ---- */
  --fw-body:      400; /* @kind font */
  --fw-medium:    600; /* @kind font */
  --fw-bold:      700; /* @kind font */
  --fw-black:     800; /* @kind font */

  /* ---- Fluid display sizes (clamp: min, vw, max) ---- */
  --t-hero:   clamp(2.5rem, 6.6vw, 4.9rem);   /* @kind font */
  --t-h2:     clamp(1.85rem, 4.2vw, 3rem);    /* @kind font */
  --t-h3:     1.22rem;                        /* @kind font */
  --t-lead:   clamp(1.02rem, 1.6vw, 1.18rem); /* @kind font */
  --t-body:   17px;                           /* @kind font */
  --t-small:  .94rem;                         /* @kind font */
  --t-script: 1.85rem;                        /* @kind font */

  /* ---- Display numerals (stats / price) ---- */
  --t-stat:   clamp(2rem, 3.6vw, 2.9rem); /* @kind font */
  --t-price:  3.1rem;                     /* @kind font */

  /* ---- Kicker / eyebrow label ---- */
  --t-kicker:        11.5px; /* @kind font */
  --kicker-tracking: .26em;  /* @kind other */

  /* ---- Line-heights ---- */
  --lh-display: 1.08; /* @kind other */
  --lh-tight:   1.2;  /* @kind other */
  --lh-body:    1.65; /* @kind other */

  /* ---- Letter-spacing ---- */
  --ls-display: .025em;   /* @kind other */
  --ls-tight:  -.015em;   /* @kind other */
  --ls-label:   .1em;     /* @kind other */
  --ls-kicker:  .26em;    /* @kind other */

  /* ---- Semantic aliases ---- */
  --text-display-font: var(--font-display);
  --text-body-font:    var(--font-body);
}

/* ---- Specimen helper classes (used in cards & kits) ---- */
.amigo-dsp {
  font-family: var(--font-display);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: var(--ls-display);
  line-height: var(--lh-display);
}
.amigo-heading {
  font-family: var(--font-heading);
  font-weight: var(--fw-black);
  letter-spacing: var(--ls-tight);
  line-height: 1.05;
}
.amigo-hand {
  font-family: var(--font-script);
  font-weight: 400;
  color: var(--terra);
  font-size: var(--t-script);
  line-height: var(--lh-tight);
  display: inline-block;
  transform: rotate(-1.6deg);
}
.amigo-kicker {
  font-family: var(--font-body);
  font-size: var(--t-kicker);
  font-weight: var(--fw-black);
  letter-spacing: var(--ls-kicker);
  text-transform: uppercase;
  color: var(--ink-soft);
}