/* ============================================================
   Crioula — Typography tokens
   Arima (Madurai)  → títulos, palavras e frases de destaque
   Roboto           → textos corridos, parágrafos, decodificador
   The decodificador ("CURADORIA ALIMENTAR") is Roboto in wide
   let-spaced uppercase — that convention is captured in
   --tracking-decoder and the .crioula-decoder helper below.
   ============================================================ */

:root {
  --font-display: "Arima", "Trebuchet MS", system-ui, sans-serif;
  --font-body:    "Roboto", system-ui, -apple-system, sans-serif;

  /* weights */
  --fw-thin: 100; /* @kind font */
  --fw-light: 300; /* @kind font */
  --fw-regular: 400; /* @kind font */
  --fw-medium: 500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold: 700; /* @kind font */

  /* Type scale — display uses Arima, generous and warm */
  --text-display: 4.75rem;  /* 76px hero wordmark / cover titles */
  --text-h1: 3.25rem;       /* 52px */
  --text-h2: 2.375rem;      /* 38px */
  --text-h3: 1.75rem;       /* 28px */
  --text-h4: 1.3125rem;     /* 21px */
  --text-lg: 1.1875rem;     /* 19px lead paragraphs */
  --text-body-size: 1rem;   /* 16px */
  --text-sm: 0.875rem;      /* 14px */
  --text-xs: 0.75rem;       /* 12px */
  --text-decoder: 0.8125rem;/* 13px decodificador caps */

  /* line heights */
  --leading-tight: 1.05;    /* Arima display */
  --leading-snug: 1.2;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;  /* Roboto body copy */

  /* letter spacing */
  --tracking-display: -0.01em;
  --tracking-normal: 0;
  --tracking-wide: 0.06em;
  --tracking-decoder: 0.32em; /* the letter-spaced decodificador */
  --tracking-caps: 0.14em;
}

/* Decodificador helper — the "CURADORIA ALIMENTAR" lockup style */
.crioula-decoder {
  font-family: var(--font-body);
  font-weight: var(--fw-regular);
  text-transform: uppercase;
  letter-spacing: var(--tracking-decoder);
  font-size: var(--text-decoder);
  line-height: 1;
}