/* Design tokens — Moteur Journal
   Brand: Expo 67 × Kubrick × Tati · Montréal 1968 */

:root {
  /* Colour palette */
  --cream:      #F2EBD9;
  --amber:      #C97D0A;
  --burnt:      #8B3A0F;
  --charcoal:   #1A1714;
  --steel:      #7A7468;
  --warm-white: #FAF6EE;
  --ink:        #0F0E0C;
  --border:     #D4C9B0;

  /* Typography */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body:    'Source Serif 4', Georgia, serif;
  --font-mono:    'IBM Plex Mono', 'Courier New', monospace;

  /* Spacing scale */
  --space-xs:  4px;
  --space-s:   8px;
  --space-m:   16px;
  --space-l:   24px;
  --space-xl:  40px;
  --space-2xl: 64px;
  --space-3xl: 120px;

  /* Layout */
  --max-width:    1100px;
  --content-width: 760px;
  --gutter:        60px;
  --gutter-mobile: 24px;

  /* Nav */
  --nav-height: 64px;

  /* Transitions */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-fast: 150ms;
  --duration-base: 300ms;
}

@media (max-width: 768px) {
  :root {
    --gutter: var(--gutter-mobile);
  }
}