/* Cote Franche — jetons de design. Clair, froid, orienté données. */

@font-face { font-family: 'Spectral'; src: url('/fonts/spectral-400.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Spectral'; src: url('/fonts/spectral-600.woff2') format('woff2'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Manrope'; src: url('/fonts/manrope-var.woff2') format('woff2-variations'); font-weight: 300 800; font-display: swap; }

:root {
  --w3-bg:      #fbfbfc;
  --w3-bg-2:    #f1f3f6;
  --w3-card:    #ffffff;
  --w3-ink:     #14181f;
  --w3-ink-2:   #454e5c;
  --w3-ink-3:   #7c8595;
  --w3-line:    #dfe3ea;
  --w3-navy:    #16305c;
  --w3-navy-2:  #24487f;
  --w3-amber:   #b3701a;
  --w3-good:    #1d6b4f;
  --w3-bad:     #a23a2c;

  --w3-serif: 'Spectral', 'Iowan Old Style', Georgia, serif;
  --w3-sans:  'Manrope', 'Segoe UI', system-ui, -apple-system, sans-serif;

  --w3-f--1: clamp(0.79rem, 0.77rem + 0.09vw, 0.86rem);
  --w3-f-0:  clamp(0.98rem, 0.95rem + 0.14vw, 1.05rem);
  --w3-f-1:  clamp(1.15rem, 1.09rem + 0.28vw, 1.32rem);
  --w3-f-2:  clamp(1.40rem, 1.26rem + 0.62vw, 1.78rem);
  --w3-f-3:  clamp(1.75rem, 1.45rem + 1.30vw, 2.45rem);

  --w3-a: 0.3rem;
  --w3-b: 0.65rem;
  --w3-c: 1.1rem;
  --w3-d: 1.8rem;
  --w3-e: 2.8rem;
  --w3-f: 4.2rem;

  --w3-wrap: 70rem;
  --w3-r: 4px;
  --w3-shadow: 0 1px 2px rgba(20, 24, 31, 0.06), 0 8px 24px -18px rgba(20, 24, 31, 0.25);
}

html { font-size: 100%; -webkit-text-size-adjust: 100%; }
@media (max-width: 48rem) { html { font-size: 97%; } }
@media (max-width: 30rem) { html { font-size: 95%; } }