/* INTUENS — Typography
   Brand rules: single typeface (Biome → Quicksand substitute).
   Headlines & the wordmark are ALWAYS uppercase, never bold-weight faux,
   never italic. Body copy may be sentence case. */
:root {
  --font-brand: 'Quicksand', 'Century Gothic', 'Avenir Next', system-ui, sans-serif;
  --font-sans:  'Quicksand', 'Century Gothic', system-ui, sans-serif;
  --font-mono:  ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* Weights — brand favors light→medium; avoid heavy 700 for body text */
  --fw-light: 300;      /* @kind other */
  --fw-regular: 400;    /* @kind other */
  --fw-medium: 500;     /* @kind other */
  --fw-semibold: 600;   /* @kind other */
  --fw-bold: 700;       /* @kind other */

  /* Type scale (1.25 major-third-ish, tuned) */
  --fs-display: 64px;
  --fs-h1: 48px;
  --fs-h2: 36px;
  --fs-h3: 28px;
  --fs-h4: 22px;
  --fs-title: 18px;
  --fs-body: 16px;
  --fs-body-sm: 14px;
  --fs-caption: 13px;
  --fs-micro: 11px;

  --lh-tight: 1.05;     /* @kind other */
  --lh-heading: 1.15;   /* @kind other */
  --lh-snug: 1.35;      /* @kind other */
  --lh-body: 1.6;       /* @kind other */

  /* Uppercase headlines get generous tracking; body is neutral */
  --tracking-display: 0.02em;   /* @kind other */
  --tracking-heading: 0.03em;   /* @kind other */
  /* signature INTUENS all-caps eyebrow */
  --tracking-eyebrow: 0.18em;   /* @kind other */
  --tracking-body: 0;           /* @kind other */
}

/* Ergonomic roles (opt-in utility classes usable inside cards / kits) */
.intuens-eyebrow {
  font-family: var(--font-brand);
  font-weight: var(--fw-semibold);
  font-size: var(--fs-caption);
  letter-spacing: var(--tracking-eyebrow);
  text-transform: uppercase;
  color: var(--intuens-purple);
}
.intuens-display {
  font-family: var(--font-brand);
  font-weight: var(--fw-medium);
  font-size: var(--fs-display);
  line-height: var(--lh-tight);
  letter-spacing: var(--tracking-display);
  text-transform: uppercase;
}
.intuens-h2 {
  font-family: var(--font-brand);
  font-weight: var(--fw-medium);
  font-size: var(--fs-h2);
  line-height: var(--lh-heading);
  letter-spacing: var(--tracking-heading);
  text-transform: uppercase;
}
.intuens-body {
  font-family: var(--font-sans);
  font-weight: var(--fw-regular);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  color: var(--text-body);
}