/*
 * Centre Esthétique de Bastia — Design tokens
 * Variables de la charte graphique (couleurs, polices).
 * Chargées sur le front ET dans l'éditeur Gutenberg pour tous les blocs.
 */
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Montserrat:wght@400;500;600;700&display=swap');

:root {
  /* ─── Primary ─── */
  --color-noir:           #0F0F0E;
  --color-blanc:          #FFFFFF;

  /* ─── Accents ─── */
  --color-terracotta:        #C2451F;
  --color-terracotta-hover:  #A23A19;
  --color-terracotta-active: #852E14;
  --color-teal:              #0E8C84;
  --color-teal-hover:        rgba(14, 140, 132, 0.08);
  --color-teal-active:       rgba(14, 140, 132, 0.15);

  /* ─── Surfaces ─── */
  --color-beige-sable:  #EDE6D8;
  --color-bois-clair:   #C9A878;

  /* ─── Text ─── */
  --color-anthracite:   #2B2A27;
  --color-gris-pierre:  #6E6B63;
  --color-gris-perle:   #D8D3C8;
  --color-blanc-casse:  #FAF8F3;

  /* ─── Semantic ─── */
  --color-success:  #3D7A5C;
  --color-error:    #B23A2E;
  --color-warning:  #C58A3B;
  --color-info:     #2D6470;

  /* ─── Font families ─── */
  --font-display: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
  --font-body:    'Barlow', 'Segoe UI', Arial, sans-serif;

  /* ─── Aliases sémantiques ─── */
  --surface-default: var(--color-blanc);
}