/* ==========================================================================
   Agentsia, design v3 : couche de transition (novembre 2026)
   Référence : Figma « agentsia.fr », « Foundations — Site » (node 2535:70),
   et la maquette « Agents IA ».

   Chargée EN DERNIER. La migration se fait par lots : ici les couleurs et la
   typographie de tout le site, sans toucher aux mises en page ni aux
   illustrations. Les composants existants posent encore leurs propres titres
   (graisse 600, approche très serrée) avec des sélecteurs plus précis : on les
   ramène au design system avec !important, en attendant que le lot de chaque
   page réécrive ses composants (et retire alors la règle correspondante).
   ========================================================================== */

:root {
  /* Couleurs du design system (les fonds, l'encre et le filet sont posés dans design-v2.css) */
  --text-2: rgb(0 0 0 / .6);     /* text/secondary */
  --text-3: rgb(0 0 0 / .42);    /* text/tertiary */
  --text-mute: #8a8a8a;          /* text/mute */
  --tag-bg: #efeee9;             /* bg/tag */
  --btn-dark: #1a1a1a;           /* bg/btn-dark */
  --check: #3d5a45;              /* icon/check */

  /* Échelle de texte */
  --fs-display: 80px;
  --fs-h1: 56px;
  --fs-h2: 40px;
  --fs-h3: 28px;
  --fs-h4: 24px;
  --fs-h5: 20px;
  --fs-lead: 20px;
  --fs-body: 16px;
  --fs-sm: 14px;
  --fs-xs: 12px;
  --fs-kicker: 10px;

  --agentsia-tracking-body: -0.03em;
  --agentsia-tracking-display: -0.02em;
}

/* ===== Texte courant : Body 16, approche -0,48 px ===== */
body {
  letter-spacing: -0.03em;
}

/* ===== Titres : Display à H5 en graisse normale, approche -2 % =====
   Police : Season Mix si elle est installée (voir --display), sinon Instrument Sans. */
:is(h1, h2, h3, h4, h5, .wp-block-heading):not(.home-hero__eyebrow),
/* Titres de composants qui ne sont pas des balises de titre */
.agent-hero__headline, .agent-feature__title, .agent-tasks__title, .agent-task-card__title,
.agent-audience__title-sans, .agent-audience__title-serif, .agent-audience-card__name,
.agent-blog__title, .agent-blog-card__title, .agent-faq__title, .agent-faq__sub,
.agent-section-title, .agent-section-sub, .agent-step__title, .agent-team__scenario-title,
.agent-offer__name, .agent-hs__title, .agent-hs__sub, .agent-hero__subline,
.home-hero__title, .home-hero__sub, .home-goal__t, .home-step__title, .home-gstep__t,
.home-news__title, .home-app__title,
.tarifs-agent__name, .tarifs-ag__name, .tarifs-seats__title, .tarifs-seats__sub,
.qui-founders__title, .qui-founder__name, .author-hero__name, .author-posts__title,
.secteur-immo-agent__name, .article-cta__title, .agentsia-footer-tag,
/* Grands chiffres : même police que les titres (Display) */
.agent-stat__number, .agent-offer__price strong, .agent-score__n, .agent-hs__big-n, .home-big__n {
  font-family: var(--display) !important;
  font-weight: 400 !important;
  letter-spacing: -0.02em !important;
}

/* La 2e ligne des grands titres était en Quattrocento, un peu plus grande pour compenser :
   elle prend la police et la taille du titre, et reste grise. */
:is(.home-hero, .home-work, .home-process, .home-brain, .home-grow, .home-news, .home-band) .home-hero__sub,
.agent-hero .agent-hero__subline,
.agent-hs .agent-hs__sub {
  font-size: clamp(38px, 5vw, 64px) !important;
  line-height: 1.08;
}

/* ===== En-tête sur écran intermédiaire (1025 à 1199 px) =====
   Avec « Solutions » au menu, l'en-tête passait sur deux lignes à 1025 px (et le
   bouton long des pages agent, « Tester mon agent gratuitement », mordait le logo).
   On resserre le menu et les boutons jusqu'à ce que la place revienne. */
@media (min-width: 1025px) and (max-width: 1199px) {
  .agentsia-nav-menu { gap: 14px; }
  .agentsia-header-container > .wp-block-group { gap: 16px !important; }
  .agentsia-header .wp-block-buttons { gap: 8px; }
  .agentsia-header .wp-block-button__link { padding: 0 12px; font-size: 15px; }
}