/* ==========================================================================
   Site Coming Soon · variables propres au site, absentes du kit DA 2027 (v04)
   Tout est construit à partir des jetons du kit (assets/sbj27/06_WEB/sbj27-tokens.css).
   Titres : aucune variable ici, le site suit la règle du kit (var(--sbj-font-titre) en 400 :
   Bionix, et Milker en secours caractère par caractère pour accents, chiffres et ponctuation).
   À transmettre à Yaris : si le kit les intègre, on les retire d'ici.
   ========================================================================== */
/* Unbounded réduite aux caractères latins du site (60 Ko au lieu de 259 Ko, axe de graisse conservé).
   Déclarée après le kit sous le même nom : le navigateur l'utilise en premier et ne charge la version complète
   du kit que pour un caractère absent. Régénérer avec subset-font si le texte change d'alphabet.
   U+0009-000D (tabulations et retours à la ligne du code) : sans eux, Safari charge l'Unbounded complète du kit (253 Ko) pour rien. */
@font-face { font-family: "Unbounded"; src: url("/assets/fonts/Unbounded-site.woff2") format("woff2"); font-weight: 200 900; font-display: swap;
  unicode-range: U+0009-000D, U+0020-007E, U+00A0-00FF, U+0152-0153, U+2013-2014, U+2018-201E, U+2022, U+2026, U+202F, U+2039-203A, U+20AC, U+2122, U+2192; }

/* Repli aux proportions d'Unbounded, le temps qu'elle arrive : Arial agrandi selon la graisse, aux mêmes hauteurs
   (ascendante 0,99 em, descendante 0,24 em). Le texte ne se recompose pas à l'arrivée d'Unbounded, l'accroche en tête.
   Rapports de largeur mesurés le 26/10/2026 (Chromium et WebKit) : ×1,31 jusqu'à 400, ×1,37 à 500, ×1,33 en gras. */
@font-face { font-family: "Unbounded Repli"; src: local("Arial"), local("ArialMT"); font-weight: 100 449; size-adjust: 131%; ascent-override: 75.6%; descent-override: 18.3%; line-gap-override: 0%; }
@font-face { font-family: "Unbounded Repli"; src: local("Arial"), local("ArialMT"); font-weight: 450 549; size-adjust: 137%; ascent-override: 72.3%; descent-override: 17.5%; line-gap-override: 0%; }
@font-face { font-family: "Unbounded Repli"; src: local("Arial Bold"), local("Arial-BoldMT"); font-weight: 550 1000; size-adjust: 133%; ascent-override: 74.4%; descent-override: 18%; line-gap-override: 0%; }

:root {
  /* Texte courant : Unbounded du kit, puis son repli aux mêmes proportions */
  --site-font-texte: "Unbounded", "Unbounded Repli", system-ui, sans-serif;

  /* Arabe : les polices du kit n'ont pas l'alphabet arabe (Miqdad et Ahmisya non retenues) */
  --site-font-arabe: "IBM Plex Sans Arabic", "Geeza Pro", "Noto Sans Arabic", system-ui, sans-serif;
  --site-font-arabe-titre: "Lalezar", var(--site-font-arabe);

  /* Blanc et bleus en transparence */
  --site-blanc-doux: color-mix(in srgb, var(--sbj-blanc) 86%, transparent);   /* paragraphes */
  --site-gris: color-mix(in srgb, var(--sbj-blanc) 66%, transparent);         /* textes secondaires */
  --site-contour: color-mix(in srgb, var(--sbj-blanc) 45%, transparent);      /* boutons et champs au repos */
  --site-trait: color-mix(in srgb, var(--sbj-blanc) 18%, transparent);        /* filets */
  --site-voile: color-mix(in srgb, var(--sbj-blanc) 6%, transparent);         /* fonds de champs, survols */
  --site-ombre: color-mix(in srgb, var(--sbj-abysse) 65%, transparent);
  --site-erreur: color-mix(in srgb, var(--sbj-accent) 55%, var(--sbj-blanc)); /* message d'erreur lisible sur bleu */

  /* Échelle typographique du site, en rem pour suivre la taille de texte choisie par chaque visiteur (1rem = 16 px) */
  --site-t-micro: 0.6875rem;
  --site-t-legende: 0.75rem;
  --site-t-petit: 0.84375rem;
  --site-t-texte: 0.9375rem;
  --site-t-moyen: 1rem;
  --site-t-grand: 1.125rem;
  --site-t-bande: 1.375rem;
  --site-t-carte: 1.625rem;
  --site-t-h3: 1.875rem;
  --site-t-compteur: 2.5rem;
  --site-t-lead: clamp(0.9375rem, 1.8vw, 1.125rem);
  --site-t-accroche: clamp(1.0625rem, 2.6vw, 1.5rem);
  --site-t-chapeau: clamp(0.75rem, 1.6vw, 0.875rem);
  --site-t-citation: clamp(1.25rem, 3vw, 2.25rem);
  --site-t-media: clamp(1rem, 1.8vw, 1.3125rem);
  --site-t-devise: clamp(1.375rem, 3.4vw, 2.75rem);
  --site-t-discipline: clamp(0.875rem, 1.7vw, 1.125rem);
  --site-t-h2: clamp(1.75rem, 5.4vw, 3.75rem);
  --site-t-h2-bionix: clamp(1.875rem, 7.4vw, 5.25rem);
  --site-t-h2-notify: clamp(1.875rem, 5vw, 3.75rem);
  --site-t-chiffre: clamp(1.875rem, 17cqi, 5.75rem);

  /* Refonte « Swira Festival » : les grandes tailles */
  --site-t-statement: clamp(1.125rem, 2vw, 1.75rem);       /* l'accroche, titre h1 de la page */
  --site-t-chiffre-ligne: clamp(2rem, 4.4vw, 3.5rem);      /* les chiffres de l'édition 1 */
  --site-t-discipline-grand: clamp(1.5rem, 2.6vw, 2.25rem);

  /* Défilé des logos partenaires : échelle et écart (réduits sur mobile) */
  --site-logo-echelle: 1;
  --site-logo-ecart: clamp(2.25rem, 5vw, 4rem);

  /* Mouvement et mise en page */
  --site-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --site-ease-out: cubic-bezier(0.23, 1, 0.32, 1);         /* courbe d'Emil Kowalski pour les entrées */
  --site-cercle: min(84vw, 46svh, 560px);
  color-scheme: dark;
}

@media (max-width: 767px) {
  :root { --site-logo-echelle: .78; }
}

/* Texte arabe dans les pages française et anglaise (titres de presse, choix de langue) : police arabe,
   pour ne jamais demander ces caractères à Unbounded, qui ne les a pas. */
:where([lang="ar"]:not(html)) { font-family: var(--site-font-arabe); }