/* ==========================================================================
   Les Bruyères — Design tokens
   Palette extraite du logo (bleu marine, beige/doré, lavande, sauge, ciel)
   ========================================================================== */

:root {
  /* Couleurs de marque — extraites du logo officiel Les Bruyères */
  --color-navy: #0b3d63;
  --color-navy-dark: #04223b;
  --color-navy-light: #2f6690;
  --color-gold: #c19a6b;
  --color-gold-light: #e3cda8;
  --color-lavender: #8a6fa0;
  --color-sage: #6b7a4a;
  --color-sky: #6d97b8;

  /* Neutres */
  --color-cream: #faf7f1;
  --color-cream-dark: #f2ecdf;
  --color-white: #ffffff;
  --color-ink: #24303d;
  --color-ink-soft: #4b5b6b;
  --color-line: #e3ddd0;

  /* Rôles sémantiques */
  --color-bg: var(--color-cream);
  --color-bg-alt: var(--color-cream-dark);
  --color-surface: var(--color-white);
  --color-text: var(--color-ink);
  --color-text-soft: var(--color-ink-soft);
  --color-primary: var(--color-navy);
  --color-primary-hover: var(--color-navy-dark);
  --color-accent: var(--color-gold);
  --color-accent-hover: #b68d47;

  /* Typographie */
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body: 'Jost', 'Segoe UI', system-ui, -apple-system, sans-serif;

  /* Échelle d'espacement */
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;

  /* Rayons / ombres */
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 28px;
  --shadow-soft: 0 10px 30px -12px rgba(28, 61, 90, 0.25);
  --shadow-card: 0 4px 18px rgba(28, 61, 90, 0.10);

  /* Largeurs */
  --container-max: 1180px;
  --container-narrow: 780px;
}