/*
 * Les Tontons du Bled — tokens. Aligné sur `tokens.json` ; `renderTokens()` réémet
 * les valeurs du marchand APRÈS cette feuille.
 */
:root {
  --color-primary: #A23B22;
  --color-secondary: #1F2B49;
  --color-accent: #B8873B;
  --color-accent-soft: #E7C9A0;
  --color-label: #A23B22;
  --color-background: #F5EDE0;
  --color-surface: #FAF5EC;
  --color-surface-alt: #EFE4D2;
  --color-text: #2E2620;
  --color-text-muted: #5E5045;
  --color-border: #E3D3BC;
  --color-success: #2E7D3B;
  --color-warning: #B07A2A;
  --color-danger: #B3261E;
  --color-on-primary: #FFFFFF;
  --color-on-accent: #FFFFFF;
  --color-star: #B8873B;
  --button-background: #A23B22;
  --button-text: #FFFFFF;
  --button-hover-background: #842D18;
  --button-padding: 12px 26px;
  --button-font-size: 16px;
  --font-family-base: 'EB Garamond', Georgia, 'Times New Roman', serif;
  --font-family-heading: 'Libre Caslon Text', Georgia, 'Times New Roman', serif;
  --font-size-base: 17px;
  --font-size-hero: clamp(36px, 4.4vw, 58px);
  --font-size-section: clamp(26px, 2.8vw, 38px);
  --font-weight-heading: 400;
  --line-height-base: 1.5;
  --letter-spacing-heading: 0em;
  --letter-spacing-label: 0.02em;
  --text-transform-label: none;
  --border-radius: 0px;
  --border-radius-sm: 2px;
  --border-radius-lg: 0px;
  --button-radius: 999px;
  --shadow-style: soft;
  --header-height: 84px;
  --container-max-width: 1760px;
  --section-spacing: 44px;
  --band-spacing: 16px;

  --ttb-encre: var(--color-secondary);
  --ttb-terre: var(--color-primary);
  --ttb-or: var(--color-accent);
  --ttb-sable: var(--color-background);
  --ttb-papier: var(--color-surface);
  --ttb-papier-2: var(--color-surface-alt);
  --ttb-filet: var(--color-border);
  --ttb-rouge: #C2321F;
  --ttb-whatsapp: #1F8B3A;
  --ttb-font-script: 'Nothing You Could Do', 'Segoe Script', cursive;
  --ttb-gouttiere: clamp(12px, 2.6vw, 48px);
  --ttb-ecart: 10px;
  --ttb-ombre: 0 1px 2px rgba(80, 55, 30, .08), 0 6px 18px rgba(80, 55, 30, .08);
}