/* ============================================
   VARIABLES — fonts, design tokens
   ============================================ */

@font-face {
  font-family: 'ABC Monument Grotesk';
  src: url('../fonts/ABCMonumentGrotesk-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'ABC Monument Grotesk';
  src: url('../fonts/ABCMonumentGrotesk-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'ABC Monument Grotesk';
  src: url('../fonts/ABCMonumentGrotesk-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --color-bg: #ffffff;
  --color-text: #000000;
  --color-border: #d4d4d4;
  --color-venue-bg: #B5B5B5;

  --font-display: 'ABC Monument Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-body: 'ABC Monument Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-weight: 400;

  /* --- Typographie (Figma Text styles · Desktop) ---
     H1 Regular 38/40.3 (-2%) · H2 Medium 18/22.5 (-1%) · H3 Medium 12/15.4 (-1%) */
  --text-lg: 45px;            /* H1 */
  --text-date: 40px;          /* intermédiaire — dates du programme */
  --text-md: 23px;            /* H2 */
  --text-sm: 12px;            /* H3 */
  --leading-lg: 40.3px;       /* H1 line-height */
  --leading-date: 37px;       /* dates line-height */
  --leading-md: 22.5px;       /* H2 line-height */
  --leading-sm: 15.4px;       /* H3 line-height */
  --tracking: -0.01em;        /* H2/H3 : letter-spacing -1% */
  --tracking-lg: -0.02em;     /* H1 : letter-spacing -2% */

  --header-height: 80px;
  --gutter: 12px;
  --date-col: 300px;
}

@media (max-width: 768px) {
  :root {
    --gutter: 8px;
    --date-col: 110px;

    /* Typographie (Figma Text styles · Mobile)
       H1 32/34.3 · H2 20/auto · H3 12/16.4 */
    --text-lg: 45px;          /* H1 */
    --text-md: 20px;          /* H2 */
    --leading-lg: 46px;       /* H1 line-height */
    --leading-md: 1.4;        /* H2 auto */
    --leading-sm: 16.4px;     /* H3 line-height */
  }
}