/**
 * ============================================================
 * KREABOARD PUBLIC SITE — RESPONSIVE TOKENS
 * ============================================================
 *
 * Rôle :
 * - exposer les décisions du Responsive Engine en CSS ;
 * - fournir des valeurs de secours avant initialisation ;
 * - ne modifier aucun composant existant ;
 * - ne remplacer aucune media query actuelle.
 */

:root {
  /**
   * ----------------------------------------------------------
   * Etat responsive
   * ----------------------------------------------------------
   */

  --kb-public-density: comfortable;
  --kb-public-content-width-type: wide;
  --kb-public-navigation-type: desktop;
  --kb-public-layout-type: four-columns;
  --kb-public-section-type: large;

  /**
   * ----------------------------------------------------------
   * Composition
   * ----------------------------------------------------------
   */

  --kb-public-layout-columns: 4;
  --kb-public-horizontal-padding: 64px;
  --kb-public-section-spacing: 112px;
  --kb-public-card-gap: 32px;

  /**
   * ----------------------------------------------------------
   * Dimensions globales
   * ----------------------------------------------------------
   */

  --kb-public-content-max-width: 1600px;
  --kb-public-hero-min-height: 700px;
  --kb-public-minimum-touch-target: 44px;
}