/*
=============================================================================
  _  ___  ______ _      ____  _    _ _____    _          ____  
 | |/ / |/ / ___| |    / __ \| |  | |  __ \  | |   /\   |  _ \ 
 | ' /| ' / |   | |   | |  | | |  | | |  | | | |  /  \  | |_) |
 |  < |  <| |   | |   | |  | | |  | | |  | | | | / /\ \ |  _ < 
 | . \| . \ |___| |___| |__| | |__| | |__| | | |/ ____ \| |_) |
 |_|\_\_|\_\____|______\____/ \____/|_____/  |_/_/    \_\____/ 
                                                               
  Fichier  : /opt/cortex/app/css/global.css
  Rôle     : Reset moderne, typographie fluide Mobile-First, orchestres de base
  Version  : v3.4 — Alignement gravitaire & Intégration Translucide
  Doctrine : STM-MAO · Zéro dépendance · Zéro doublon · Enterprise Grade
=============================================================================
*/


/* ── FONTES PHYSIQUES LOCALES (souveraineté — app/fonts/, zéro dépendance distante) ── */
@font-face {
  font-family: 'Wotfard';
  src: url('/fonts/wotfard-regular-webfont.ttf?v=68') format('truetype');
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bricolage Grotesque';
  src: url('/fonts/BricolageGrotesque-Bold.ttf?v=68') format('truetype');
  font-weight: 700 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto Mono';
  src: url('/fonts/RobotoMono-VariableFont.ttf?v=68') format('truetype');
  font-weight: 100 700;
  font-style: normal;
  font-display: swap;
}

/* ── RESET STANDARD ET COMPORTEMENTS DU NAVIGATEUR (STM-MAO) ── */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 5rem;
  background-color: var(--bg-deep);
}

body {
  background-color: var(--bg-deep);
  color: var(--text-secondary);
  font-family: 'Wotfard', system-ui, -apple-system, sans-serif;
  font-size: clamp(0.95rem, 1.2vw, 1.05rem); /* Typographie fluide adaptative */
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

/* ── INTERPOLATION TYPOGRAPHIQUE ADAPTATIVE CLAMP() ── */
h1 {
  font-family: 'Bricolage Grotesque', sans-serif;
  color: var(--text-primary);
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -0.05em;
  font-size: clamp(2.15rem, 8vw, 4rem);
}

h2 {
  font-family: 'Bricolage Grotesque', sans-serif;
  color: var(--text-primary);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.04em;
  font-size: clamp(1.75rem, 5vw, 2.5rem);
}

h3 {
  font-family: 'Bricolage Grotesque', sans-serif;
  color: var(--text-primary);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.03em;
  font-size: clamp(1.25rem, 3.5vw, 1.75rem);
}

p {
  font-family: 'Wotfard', sans-serif;
  font-weight: 400;
  color: var(--text-secondary);
  margin-bottom: 1.25rem;
}

a {
  color: var(--gold-prime);
  text-decoration: none;
  transition: color var(--duration-z5) ease;
}

a:hover {
  color: var(--gold-bright);
}

/* Masquage universel de la barre de défilement */
.hide-scrollbars {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.hide-scrollbars::-webkit-scrollbar {
  display: none;
}