/* Indiana Brocantes — design tokens (WIN-196)
   Univers : étiquette de brocante, papier chaud, vert profond, terre cuite.
   Contrastes vérifiés par tests/contrast.test.js (AA minimum). */

@font-face {
  font-family: 'Atkinson Hyperlegible';
  src: url('/assets/fonts/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Atkinson Hyperlegible';
  src: url('/assets/fonts/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Crimson Pro';
  src: url('/assets/fonts/crimson-pro-latin-wght-normal.woff2') format('woff2');
  font-weight: 200 900; font-style: normal; font-display: swap;
}

:root {
  /* Surfaces */
  --paper: #F8F2E6;
  --paper-deep: #EFE5D0;
  --surface: #FFFCF5;
  --white: #FFFFFF;

  /* Texte */
  --ink: #2B2118;
  --ink-soft: #54463A;

  /* Marque */
  --forest: #1E4D3B;
  --forest-deep: #143726;
  --forest-tint: #E3EDE4;
  --brique: #A8421B;
  --brique-deep: #8A3414;
  --terre: #8A4B2A;
  --terre-tint: #F3E1D3;
  --moutarde: #F0B94D;
  --moutarde-tint: #FBEBC6;

  /* Lignes, états */
  --line: #DCCFB8;
  --line-strong: #7D6C58;
  --focus: #0B57D0;
  --focus-on-dark: #FFD66B;
  --danger: #9E2418;
  --danger-tint: #FBE6E2;

  /* Typographie */
  --font-body: 'Atkinson Hyperlegible', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Crimson Pro', Georgia, 'Times New Roman', serif;
  --text-base: 1.125rem;   /* 18 px : corps, jamais en dessous de 16 px */
  --text-small: 1rem;      /* 16 px : minimum absolu */
  --text-lead: 1.25rem;
  --text-h3: 1.5rem;
  --text-h2: 1.875rem;
  --text-h1: clamp(2.25rem, 8vw, 3.75rem);

  /* Espacement (échelle 4 px) */
  --s-1: 0.25rem; --s-2: 0.5rem; --s-3: 0.75rem; --s-4: 1rem;
  --s-5: 1.5rem; --s-6: 2rem; --s-7: 3rem; --s-8: 4rem;

  /* Formes */
  --r-sm: 0.5rem; --r: 0.875rem; --r-lg: 1.25rem; --r-pill: 999px;
  --shadow: 0 1px 2px rgba(43, 33, 24, 0.08), 0 8px 20px rgba(43, 33, 24, 0.06);

  /* Cibles tactiles */
  --tap: 2.75rem;      /* 44 px : zone minimale */
  --tap-cta: 3.25rem;  /* 52 px : boutons d'action (brief : >= 48 px) */

  --wrap: 72rem;
  --ease: 160ms ease-out;
}