/* ORDIM · tokens per a la landing ordim.cat (v1)
   Font: sistema de disseny ORDIM (tokens.json) + decisions de la landing (fil únic, retícula, temes per bloc). */

@font-face {
  font-family: 'Schibsted Grotesk';
  src: url('/assets/fonts/SchibstedGrotesk-Variable.woff2') format('woff2');
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Schibsted Grotesk';
  src: url('/assets/fonts/SchibstedGrotesk-Variable-Italic.woff2') format('woff2');
  font-weight: 400 900;
  font-style: italic;
  font-display: swap;
}

:root {
  /* primitius */
  --salvia-100: #eff3ed;
  --salvia-300: #cad3c5;   /* SÀLVIA, fons de marca */
  --salvia-400: #abb5a5;
  --granat-700: #792639;
  --granat-900: #550d21;   /* GRANAT, tinta principal */
  --groc-300:   #fffa91;   /* GROC, només sobre granat */
  --calc:       #f8f8f3;   /* paper de lectura */

  /* tipografia */
  --font: 'Schibsted Grotesk', 'Helvetica Neue', Arial, sans-serif;
  --label-size: 12px;
  --label-weight: 600;
  --label-tracking: 0.08em;
  --body-size: 16px;
  --body-lh: 24px;

  /* el fil: un sol gruix a tota la web */
  --fil: 3px;

  /* retícula (neix del logotip: marge = xL, separació ≈ pas d'un fil) */
  --margin: clamp(16px, 1.875vw, 27px);   /* 27 px a 1440 */
  --gutter: 18px;
  --cols: 12;
  --bar: 56px;                            /* capçalera i peu de cada bloc */

  /* moviment */
  --ease: cubic-bezier(.65, 0, .35, 1);
}

/* Temes per bloc. Cada <section> en porta un. */
.t-salvia { --bg: var(--salvia-300); --ink: var(--granat-900); --muted: var(--granat-700); --rule: var(--granat-900); --hi: var(--granat-900); }
.t-calc   { --bg: var(--calc);       --ink: var(--granat-900); --muted: var(--granat-700); --rule: var(--granat-900); --hi: var(--granat-900); }
.t-granat { --bg: var(--granat-900); --ink: var(--salvia-100); --muted: var(--salvia-400); --rule: var(--salvia-300); --hi: var(--groc-300); }

/* Ordre de temes: 01 sàlvia · 02 granat · 03 calç · 04 sàlvia · 05 granat · 06 calç · 07 sàlvia */