/*
 * Bdaapro — tokens. Aligné sur `tokens.json` ; `renderTokens()` réémet les
 * valeurs du marchand APRÈS cette feuille.
 */
:root {
  --color-primary: #1F5C47;
  --color-secondary: #163F33;
  --color-accent: #C9A257;
  --color-accent-soft: #EEF5F0;
  --color-label: #1F5C47;
  --color-background: #FFFFFF;
  --color-surface: #F5F8F6;
  --color-surface-alt: #E8F3EC;
  --color-text: #18241F;
  --color-text-muted: #5A6964;
  --color-border: #E2E8E4;
  --color-success: #2E7D57;
  --color-warning: #B07A2A;
  --color-danger: #B3261E;
  --color-on-primary: #FFFFFF;
  --color-on-accent: #18241F;
  --color-star: #C9A257;
  --button-background: #1F5C47;
  --button-text: #FFFFFF;
  --button-hover-background: #174A39;
  --button-padding: 11px 22px;
  --button-font-size: 15px;
  --font-family-base: 'Inter', 'Segoe UI', Arial, sans-serif;
  --font-family-heading: 'DM Serif Display', Georgia, 'Times New Roman', serif;
  --font-size-base: 15px;
  --font-size-hero: clamp(34px, 4.2vw, 56px);
  --font-size-section: clamp(22px, 2vw, 28px);
  --font-weight-heading: 400;
  --line-height-base: 1.5;
  --letter-spacing-heading: -0.01em;
  --letter-spacing-label: 0em;
  --text-transform-label: none;
  --border-radius: 8px;
  --border-radius-sm: 6px;
  --border-radius-lg: 12px;
  --button-radius: 6px;
  --shadow-style: subtle;
  --header-height: 64px;
  --container-max-width: 1280px;
  --section-spacing: 28px;
  --band-spacing: 14px;

  --bdp-vert: var(--color-primary);
  --bdp-vert-fonce: var(--color-secondary);
  --bdp-vert-pale: var(--color-surface-alt);
  --bdp-fond: var(--color-surface);
  --bdp-filet: var(--color-border);
  --bdp-or: var(--color-accent);
  --bdp-whatsapp: #25D366;
  --bdp-ombre: 0 1px 2px rgba(20, 50, 40, .06), 0 4px 14px rgba(20, 50, 40, .06);
}