/* Tente Stretch — design tokens
   À importer globalement (variables CSS) + import des polices Google Fonts. */

@import url('https://fonts.googleapis.com/css2?family=Piazzolla:ital,wght@0,400;0,500;0,600;1,500&family=Work+Sans:wght@400;500;600&display=swap');

:root {
  /* Couleurs de marque */
  --ts-noir-tisse: #15120F;   /* fond sombre / texte principal */
  --ts-sable: #E9DFCE;        /* fond clair */
  --ts-terre-chaude: #7A4B32; /* accent texte (labels, liens) */
  --ts-cuivre: #B87333;       /* accent trait / liens hover */
  --ts-creme: #F4EFE6;        /* fond clair alternatif */
  --ts-blanc-casse: #FBF8F2;  /* fond clair alternatif (le plus pâle) */
  --ts-sable-dore: #C9A87C;   /* texte secondaire sur fond sombre */
  --ts-beige-gris: #DED2BC;   /* bordures */
  --ts-gris-chaud: #8A8378;   /* texte tertiaire */
  --ts-gris-fonce: #5C564C;   /* corps de texte sur fond clair */

  /* Typographie */
  --ts-font-serif: 'Piazzolla', Georgia, serif;
  --ts-font-sans: 'Work Sans', system-ui, sans-serif;
}

/* Exemple d'usage :
   a { color: var(--ts-cuivre); }
   a:hover { color: var(--ts-terre-chaude); }
   body { font-family: var(--ts-font-sans); }
   h1, .wordmark { font-family: var(--ts-font-serif); }
*/