/* ==========================================================================
   Design system « Les Émerillais » : jetons (couleurs, typographie, espaces)
   Palette « Forêt » : vert profond, ivoire, accent ambre. Mode clair.
   ========================================================================== */

@font-face {
  font-family: 'Libre Baskerville';
  src: url('../vendor/fonts/libre-baskerville-latin-400-normal.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Libre Baskerville';
  src: url('../vendor/fonts/libre-baskerville-latin-700-normal.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'Source Sans 3';
  src: url('../vendor/fonts/source-sans-3-latin-400-normal.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Source Sans 3';
  src: url('../vendor/fonts/source-sans-3-latin-600-normal.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'Source Sans 3';
  src: url('../vendor/fonts/source-sans-3-latin-700-normal.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}

:root {
  color-scheme: light;

  /* Surfaces */
  --bg: #f3f2ec;
  --surface: #fcfcf9;
  --surface-2: #ebe9e1;
  --surface-sunken: #e4e2d9;
  --border: #d5d2c6;
  --border-strong: #b9b5a6;

  /* Texte (contrastes AA vérifiés sur --bg et --surface) */
  --text: #1c231f;
  --text-2: #444e48;
  --text-muted: #5f6963;
  --text-on-primary: #fbfbf7;

  /* Marque */
  --primary: #2f4a3a;
  --primary-hover: #223729;
  --primary-soft: #e1eadf;
  --primary-ring: #2f4a3a33;
  --accent: #b8780f;
  --accent-soft: #f8ecd2;
  --focus: #c98a1b;

  /* États */
  --success: #23704a;
  --success-soft: #dff0e5;
  --warning: #8a5a00;
  --warning-soft: #fbefd0;
  --danger: #a8261d;
  --danger-hover: #8d1f17;
  --danger-soft: #fbe3e0;
  --info: #2b5a86;
  --info-soft: #e1ecf6;

  /* Types d'activité (palette validée daltonisme, voir README) */
  --type-mariage: #c2456e;
  --type-mariage-soft: #f8e4eb;
  --type-seminaire: #2a6fc9;
  --type-seminaire-soft: #e2ecf9;
  --type-anniversaire: #d38412;
  --type-anniversaire-soft: #fbeedb;
  --type-chambre: #1f8a5b;
  --type-chambre-soft: #def1e7;
  --type-autre: #7a5cb8;
  --type-autre-soft: #ece6f6;

  /* Typographie */
  --font-sans: 'Source Sans 3', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-serif: 'Libre Baskerville', Georgia, 'Times New Roman', serif;
  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-md: 1.0625rem;
  --fs-lg: 1.25rem;
  --fs-xl: 1.5rem;
  --fs-2xl: 1.875rem;
  --fs-3xl: 2.25rem;

  /* Espacements (base 4 px) */
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 20px;
  --s6: 24px;
  --s8: 32px;
  --s10: 40px;
  --s12: 48px;

  /* Formes : une seule échelle de rayons */
  --r-sm: 6px;
  --r: 10px;
  --r-lg: 14px;
  --r-pill: 999px;

  --shadow-1: 0 1px 2px #2f4a3a14, 0 1px 3px #2f4a3a0f;
  --shadow-2: 0 6px 18px #2f4a3a1f, 0 2px 6px #2f4a3a14;
  --shadow-3: 0 18px 48px #1c231f33;

  --topbar-h: 64px;
  --maxw: 1240px;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);

  /* Couches (z-index) */
  --z-topbar: 100;
  --z-menu: 110;
  --z-popover: 120;
  --z-modal: 200;
  --z-toast: 300;
}