/* =============================================
   variables.css — Palette PattesZone (vert doux)
   ============================================= */
:root {
  /* Couleurs de base */
  --black: #0a0f0a;
  --cream: #f5f3ee;
  --card: #131a13;
  --border: #232b23;

  /* Couleur d'accent — vert doux nature */
  --orange: #6fb88a;
  --orange-lt: #8fd1a6;
  --orange-dk: #4f9168;

  /* Couleurs sémantiques (badges, états) */
  --gold: #e8b94a;
  --red: #e25c5c;
  --green: #6fb88a;
  --blue: #5a9bd4;
  --pink: #d97aa6;

  /* Niveaux de gris */
  --grey-md: #6b756b;
  --grey-lt: #9aa39a;

  /* Typographie */
  --font-display: 'Syne', sans-serif;
  --font-body: 'Inter', sans-serif;

  /* Rayons */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 20px;

  /* Layout */
  --padding-x: clamp(20px, 4vw, 48px);
  --transition: 0.25s ease;

  /* Ombres */
  --shadow-card: 0 4px 20px rgba(0,0,0,.3);
  --shadow-hover: 0 12px 32px rgba(111,184,138,.15);
}