/* ============================================================
   RP CARRELAGE · ZONE DE MARQUE
   SEULE ZONE À MODIFIER POUR REBRANDER : écraser ce fichier.

   Structure kit31 : cartes flottantes sur fond clair, mot serif italique.
   Charte tirée du logo du prospect (relevé des pixels du fichier
   cropped-RP-Carrelage_Logo.png de rpcarrelage.fr) :
     bleu marine du sigle « RP »   #003c5a → --brand (boutons, badges)
     turquoise du cadre             #24aeae → --accent-logo (aplats, filets)
     turquoise assombri (lisible)   #0e6f6e → --em (mot en serif italique)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');

:root{
  /* Marque */
  --brand:        #003c5a;   /* marine du logo : boutons, badges (blanc dessus 11.7:1) */
  --brand-dark:   #002a40;   /* survol des boutons */
  --brand-soft:   #e3f1f1;   /* fonds teintés clairs, pastilles */
  --brand-ink:    #003c5a;   /* liens et item actif sur fond clair (10.8:1) */
  --accent-logo:  #24aeae;   /* turquoise du cadre du logo : aplats décoratifs uniquement, jamais du texte */
  --em:           #0e6f6e;   /* turquoise assombri : mot serif italique (5.1:1 sur --surface-warm) */
  --brand-light:  #5fd3d1;   /* turquoise clair : mot italique sur fond sombre (8.7:1 sur --deep) */
  --accent:       #bfe9e8;   /* surtitres et boutons fantômes sur photo (11.9:1 sur --deep) */
  --on-brand:     #ffffff;
  --on-accent:    #04263a;

  /* Surfaces profondes (bande réalisations, bande CTA, barre légale) */
  --deep:         #04263a;   /* marine profond */
  --deep-2:       #021a29;
  --on-deep:      #ffffff;
  --on-deep-soft: rgba(255,255,255,.8);

  /* Neutres */
  --ink:          #0f1e27;
  --ink-soft:     #43525b;   /* 7.4:1 sur --surface-alt */
  --ink-mute:     #5b6971;   /* 4.9:1 sur --surface-warm */
  --surface:      #ffffff;
  --surface-alt:  #f3f6f6;   /* fond général, gris clair de joint */
  --surface-warm: #e6eeee;   /* bandes claires (déroulé, avis, footer) */
  --line:         #d6e0e1;

  /* Voiles posés sur photo */
  --veil:         linear-gradient(100deg, rgba(2,26,41,.86) 0%, rgba(2,26,41,.66) 42%, rgba(2,26,41,.22) 78%, rgba(2,26,41,.08) 100%);
  --veil-mobile:  linear-gradient(to top, rgba(2,26,41,.92) 0%, rgba(2,26,41,.76) 55%, rgba(2,26,41,.36) 100%);
  --veil-bottom:  linear-gradient(to top, rgba(2,26,41,.88) 0%, rgba(2,26,41,.55) 46%, rgba(2,26,41,.16) 100%);
  --veil-cta:     linear-gradient(90deg, rgba(2,26,41,.96) 0%, rgba(2,26,41,.9) 38%, rgba(4,38,58,.6) 70%, rgba(4,38,58,.15) 100%);

  /* Typo */
  --font-display: 'Inter Tight', system-ui, sans-serif;
  --font-body:    'Inter Tight', system-ui, sans-serif;
  --font-serif:   'Playfair Display', Georgia, serif;
  --font-btn:     'Inter Tight', system-ui, sans-serif;

  /* Forme */
  --radius:       20px;
  --radius-lg:    28px;
  --radius-btn:   8px;
  --radius-pill:  999px;
  --shadow:       0 2px 4px rgba(0,0,0,.03), 0 14px 34px rgba(0,0,0,.08);
  --shadow-pill:  0 6px 22px rgba(0,0,0,.10);
  --shadow-brand: 0 10px 26px -10px rgba(0,60,90,.65);
  --gutter:       clamp(12px, 2.8vw, 40px);
  --container:    1240px;
  --section-y:    clamp(64px, 8vw, 110px);
  --header-h:     104px;     /* sert au scroll-margin-top des ancres */
}
/* ==== FIN ZONE DE MARQUE : rien de brandé en dessous ==== */