/* ==========================================================================
   IMPLICIA CHECK — Tokens de marque partagés (v1, 2026-07-30)
   Source de vérité visuelle pour TOUS les documents du projet CHECK.
   Palette officielle « Palette couleurs 2022 » + police Rubik + en-tête logo.
   Le logo IMPLICIA CHECK (loupe + histogramme) identifie chaque document.
   ========================================================================== */

/* Rubik AUTO-HÉBERGÉ (nLPD : plus aucune requête vers Google). Fichier variable dans assets/fonts/. */
@font-face{font-family:'Rubik';font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/rubik-latin.woff2') format('woff2')}

:root{
  /* Palette officielle 2022 */
  --ic-marine:#183444;      /* Bleu marine — titres, structure, texte fort */
  --ic-canard:#114c50;      /* Vert canard — marque, hero, CHECK */
  --ic-vert:#4d8474;        /* Vert */
  --ic-vertdeau:#a3bfbc;    /* Vert d'eau */
  --ic-bleu:#465b87;        /* Bleu (charte) */
  --ic-bleuclair:#bec8dd;   /* Bleu clair */
  --ic-kaki:#a3aaa2;        /* Kaki */
  --ic-bordeaux:#3a1a1a;    /* Bordeaux — alertes/accents sobres */
  --ic-beige:#e5e2dd;       /* Beige — fonds doux */
  /* Accent interactif du site implicia.ch (hors PDF 2022, à connaître) */
  --ic-action:#076ec9;      /* Bleu vif — liens & boutons */

  /* Rôles dérivés */
  --ic-ink:#1a2530;
  --ic-muted:#5d6b78;
  --ic-bg:#f4f6f8;
  --ic-card:#ffffff;
  --ic-line:#e3e8ee;
  --ic-ok:#2f9e6b;
  --ic-warn:#b4472b;

  --ic-r:14px;              /* rayon */
  --ic-shadow:0 1px 2px rgba(24,52,68,.06), 0 10px 30px rgba(24,52,68,.07);
  --ic-font:'Rubik','Segoe UI',system-ui,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;
}

*{box-sizing:border-box}
html,body{margin:0}
body{
  font-family:var(--ic-font);
  color:var(--ic-ink);
  background:var(--ic-bg);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3,h4{font-family:var(--ic-font);color:var(--ic-marine);font-weight:700;line-height:1.2;margin:0 0 .4em}
a{color:var(--ic-action);text-decoration:none}
a:hover{text-decoration:underline}

/* --------------------------------------------------------------------------
   En-tête de marque — À PLACER EN TÊTE DE CHAQUE DOCUMENT.
   Usage :
     <header class="ic-brandbar">
       <img class="ic-logo" src="assets/logo_check_lockup.png"
            srcset="assets/logo_check_lockup.png 1x, assets/logo_check_lockup@2x.png 2x"
            alt="IMPLICIA CHECK">
       <span class="ic-doc">Nom du document</span>
     </header>
   -------------------------------------------------------------------------- */
.ic-brandbar{
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  padding:16px 22px;background:var(--ic-card);
  border-bottom:3px solid var(--ic-canard);
}
.ic-logo{height:46px;width:auto;display:block}
.ic-logo--sm{height:34px}
.ic-logo--lg{height:64px}
.ic-doc{
  margin-left:auto;font-size:13px;font-weight:600;letter-spacing:.02em;
  color:var(--ic-muted);text-transform:uppercase;
}
.ic-icon{height:1.1em;width:auto;vertical-align:-0.18em}

/* Bandeau hero vert canard (page d'accueil, couvertures) */
.ic-hero{background:var(--ic-canard);color:#fff}
.ic-hero h1,.ic-hero h2{color:#fff}

/* Composants utilitaires */
.ic-card{background:var(--ic-card);border:1px solid var(--ic-line);border-radius:var(--ic-r);box-shadow:var(--ic-shadow)}
.ic-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;font-weight:600;
  font-family:var(--ic-font);font-size:15px;cursor:pointer;border:1px solid transparent;transition:.15s}
.ic-btn--primary{background:var(--ic-action);color:#fff}
.ic-btn--primary:hover{background:#0a5fa8;text-decoration:none}
.ic-btn--ghost{background:#fff;color:var(--ic-canard);border-color:var(--ic-canard)}
.ic-btn--ghost:hover{background:var(--ic-beige);text-decoration:none}
.ic-tag{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;
  background:var(--ic-beige);color:var(--ic-canard)}

/* Pied de page discret */
.ic-foot{color:var(--ic-muted);font-size:12.5px;padding:18px 22px;text-align:center}