/* -----------------------------------------------------------------------
   Variables CSS de la charte graphique TVBIT (site public uniquement —
   le backoffice /admin reste sur Bootstrap 5, voir public/css/admin.css).
   Centraliser ces valeurs ici permet de changer un ton de couleur ou un
   rayon de bordure une seule fois, partout où il est utilisé.
   ----------------------------------------------------------------------- */

:root {
  /* Palette "navy" : fonds sombres (hero, footer) et accents */
  --color-navy-dark: #0c2c4d;   /* fonds sombres : hero, footer */
  --color-navy: #0c447c;        /* accent principal : boutons, liens, icônes */
  --color-navy-light: #85b7eb;  /* texte secondaire sur fond sombre */
  --color-navy-pale: #b5d4f4;   /* texte tertiaire sur fond sombre */

  /* Texte sur fond clair */
  --color-text: #111827;
  --color-text-secondary: #4b5563;
  --color-text-muted: #6b7280;

  /* Surfaces et bordures */
  --color-border: #e5e7eb;
  --color-surface: #ffffff;
  --color-surface-alt: #f8fafc; /* fond légèrement teinté pour alterner les sections */

  /* Couleurs d'état, réutilisées pour les badges de statut de devis */
  --color-success: #198754;
  --color-danger: #b00020;
  --color-warning: #b45309;

  /* Rayons de bordure */
  --radius: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;

  /* Typographie : Inter en priorité (voir la balise <link> Google Fonts
     dans views/layouts/main.ejs), avec un repli système complet au cas où
     le CDN serait indisponible ou bloqué par le visiteur. */
  --font-family-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Ombres, réutilisées pour la carte du header au scroll et les cartes de
     contenu (services, réalisations, témoignages). */
  --shadow-sm: 0 1px 2px rgba(12, 44, 77, 0.06), 0 1px 3px rgba(12, 44, 77, 0.1);
  --shadow-md: 0 4px 12px rgba(12, 44, 77, 0.12);

  /* Mise en page */
  --container-width: 1140px;
  --header-height: 72px;
  --transition-fast: 0.15s ease;
  --transition: 0.25s ease;

  /* Espacement vertical entre les sections de la page publique (services,
     réalisations, témoignages, partenaires, devis...) : UNE SEULE variable,
     réutilisée partout via `section { padding: var(--section-spacing) 0; }`
     (voir sections.css), plutôt que des valeurs éparpillées dans chaque
     règle. Redéfinie à une valeur plus petite dans la media query mobile de
     sections.css : comme toute section qui la consomme lit la variable au
     moment du rendu, il suffit de la redéfinir UNE fois pour que l'espacement
     s'adapte partout, sans toucher aux règles individuelles. Le hero et la
     bande de mise en avant s'en affranchissent volontairement (voir le
     commentaire dédié dans sections.css) : ce ne sont pas des "sections de
     contenu" classiques, mais des bandeaux pensés pour s'enchaîner sans
     espace, différenciés uniquement par leur fond de couleur. */
  --section-spacing: 4.5rem;
}