/*
 * tokens.css — Agence Coopilot
 * Variables CSS : palette, typographie, espacements.
 * Source unique de vérité pour toute la charte graphique.
 */

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

:root {
  /* ── Palette ─────────────────────────────── */
  --c-dark:   #393632;
  --c-terra:  #603211;
  --c-terra-hover: #4d2810;
  --c-camel:  #7D613B;
  --c-kaki:   #7A6E4E;
  --c-nude:   #B78761;
  --c-cream:  #F5F2EC;
  --c-white:  #FFFFFF;
  --c-stone:  #D9D2C5;
  --c-error:  #C0392B;

  /* ── Typographie ─────────────────────────── */
  --ff-title: 'Cormorant Garamond', 'Times New Roman', serif;
  --ff-body:  'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;

  /* ── Espacements section ─────────────────── */
  --section-padding-mobile:  60px 0;
  --section-padding-tablet:  80px 0;
  --section-padding-desktop: 100px 0;

  /* ── Container ───────────────────────────── */
  --container-max: 1200px;
  --container-px-mobile:  24px;
  --container-px-tablet:  32px;
  --container-px-desktop: 48px;

  /* ── Navigation ──────────────────────────── */
  --nav-height: 88px;

  /* ── Bordures & rayons ───────────────────── */
  --radius-sm: 2px;
  --radius-md: 4px;

  /* ── Transitions ─────────────────────────── */
  --transition-fast: 150ms ease;
  --transition-base: 200ms ease;
  --easing-scroll: cubic-bezier(0.2, 0.7, 0.3, 1);
}