/* ============================================================
   ATELIER DU PLAN — Design Tokens
   Fichier : assets/css/variables.css
   ============================================================ */

:root {
  /* Palette */
  --beige:        #EBE3D2;
  --beige-dark:   #D8CCBA;
  --beige-deeper: #C4B89E;
  --brown:        #0D0700;
  --brown-mid:    #3A3025;
  --taupe:        #6A6762;
  --sand:         #B4AC9E;
  --white:        #FAF7F2;
  --accent:       #8B7355;

  /* Typography */
  --font-serif: 'Cormorant Garamond', Georgia, serif;
  --font-sans:  'Jost', system-ui, sans-serif;

  /* Spacing */
  --section-pad-v: 100px;
  --section-pad-h: 80px;
  --gap-md:        40px;
  --gap-lg:        80px;

  /* Transitions */
  --t-fast:   0.2s ease;
  --t-base:   0.25s ease;
  --t-slow:   0.4s ease;
}

@media (max-width: 900px) {
  :root {
    --section-pad-v: 60px;
    --section-pad-h: 24px;
    --gap-lg: 48px;
  }
}