/* Charte claire JuridIA : celle de l'application et du film (gris froid, cartes blanches, un bleu, Roboto, Poppins pour la marque).
   Valeurs reprises de src/client/tokens.css et de work/14-salon-investisseurs/film/gabarit.html. */
@font-face { font-family: "Roboto"; font-weight: 400; font-display: swap; src: url("fonts/roboto-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Roboto"; font-weight: 500; font-display: swap; src: url("fonts/roboto-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-weight: 500; font-display: swap; src: url("fonts/poppins-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-weight: 600; font-display: swap; src: url("fonts/poppins-latin-600-normal.woff2") format("woff2"); }

:root {
  color-scheme: light;

  --color-paper: #f0f4f9;        /* fond de page */
  --color-surface: #ffffff;      /* cartes */
  --color-rule: #dfe3e8;         /* filets */
  --color-ink: #1f1f1f;          /* texte */
  --color-muted: #444746;        /* texte secondaire */
  --color-brand: #041e49;        /* titres, mot-symbole, texte sur bleu doux */
  --color-accent: #0b57d0;       /* liens, bouton plein, focus */
  --color-accent-hover: #0842a0;
  --color-accent-soft: #d3e3fd;  /* pastilles, tuile du logo, carte de contact */
  --color-accent-soft-hover: #c2d7f7;
  --color-on-accent: #ffffff;
  --color-on-brand: #ffffff;       /* texte sur bleu nuit (pied de page) */
  --color-on-brand-muted: #c2d7f7; /* texte secondaire sur bleu nuit */
  --color-brand-rule: #2a4170;     /* filet sur bleu nuit */
  --color-focus: #0b57d0;
  --color-warn: #7a4f01;         /* passages « todo » */
  --color-warn-soft: #ffe7a3;

  --shadow-card: 0 1px 2px rgba(4, 30, 73, 0.08), 0 6px 20px rgba(4, 30, 73, 0.06);
  --shadow-raised: 0 1px 2px rgba(4, 30, 73, 0.2), 0 2px 6px rgba(4, 30, 73, 0.12);

  --font-brand: "Poppins", "Roboto", system-ui, sans-serif;
  --font-body: "Roboto", "Helvetica Neue", Arial, system-ui, sans-serif;
  --font-mono: ui-monospace, Menlo, Consolas, monospace;

  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1.0625rem;
  --text-lg: 1.25rem;
  --text-xl: 1.375rem;
  --text-2xl: clamp(1.5rem, 1.25rem + 1.1vw, 2rem);
  --text-3xl: clamp(1.75rem, 1.3rem + 2vw, 2.75rem);
  --text-display: clamp(2.125rem, 1.3rem + 4.2vw, 4rem);

  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4rem;

  --page-gutter: clamp(var(--space-sm), 4vw, 2.5rem);
  --page-max: 70rem;
  --card-pad: clamp(1.25rem, 4vw, var(--space-xl));
  --measure: 62ch;

  --rule-thin: 1px;
  --radius-sm: 4px;
  --radius-md: 14px;
  --radius-lg: 16px;
  --radius-xl: 28px;
  --radius-pill: 999px;

  --ease-out: cubic-bezier(0.2, 0, 0, 1);
  --dur-fast: 120ms;
}