@import url("jetons.css");
/* =============================================================================
   Camabe — SOCLE : les jetons de couleur, la typographie, la marque.
   C'est le SEUL fichier a toucher pour changer la charte. Les trois autres
   n'ecrivent aucune couleur en dur : tout passe par ces variables.
   LES DEUX COULEURS VIENNENT DU LOGO, relevees dans le PNG lui-meme :
     bleu nuit  #162533  (le C)
     vert       #136757  (la forme interieure)
   Le logo commande, la charte suit — jamais l inverse.
   ========================================================================== */

/* =============================================================================
   Camabe — charte de la vitrine du PRODUIT (2026-09-23)

   A ne pas confondre avec site-vitrine/, qui est la vitrine d un CABINET
   (cahier § 10.1). Ici on s adresse a des avocats, pas a des justiciables.

   POURQUOI CETTE CHARTE N EST PAS CELLE DU CABINET
   La vitrine du cabinet est or (#c9a84c) sur bleu nuit, avec un serif
   ornemental et une balance de justice. C est juste pour un cabinet — et faux
   pour nous : un produit vendu aux avocats qui porte les attributs d un avocat
   se presente comme un confrere, donc un concurrent. Et tous les cabinets ont
   deja une balance : ca ne distingue rien.

   LE PARTI PRIS : « encre et papier »
   - Un fond papier, chaud, jamais le blanc clinique des logiciels : l avocat
     travaille sur du document, pas dans un tableau de bord.
   - Une encre profonde pour le texte, lisible longtemps.
   - Un accent principal, le vert Camabe : serieux, sobre, distinct de l or des
     cabinets sans tomber dans le bleu generique de tous les logiciels.
   - Deux couleurs fonctionnelles, jamais decoratives : le bleu ardoise pour
     les donnees et la securite, la terre cuite pour les alertes.
   - Un serif editorial (Newsreader) pour ce qui se lit, un sans (Inter) pour
     ce qui s utilise. Le serif dit « l ecrit », pas « la tradition ».

   POUR CHANGER LES COULEURS : les huit lignes de :root ci-dessous, rien d autre.
   ========================================================================== */

/* Les jetons (couleurs, polices, jour et nuit) vivent dans jetons.css depuis le 26/09. */

/* ---------------------------------------------------------------- Socle -- */

*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--papier);
  color: var(--encre);
  font-family: var(--sans);
  font-size: 17px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3 {
  font-family: var(--serif);
  font-weight: 500;
  line-height: 1.18;
  letter-spacing: -.012em;
  margin: 0 0 .5em;
}

h1 { font-size: clamp(2.1rem, 5.2vw, 3.5rem); }
h2 { font-size: clamp(1.6rem, 3.4vw, 2.3rem); }
h3 { font-size: 1.2rem; font-family: var(--sans); font-weight: 600; letter-spacing: 0; }

p { margin: 0 0 1.1em; }
a { color: var(--accent); text-decoration-thickness: 1px; text-underline-offset: 3px; }

.enveloppe {
  max-width: var(--large);
  margin: 0 auto;
  padding: 0 24px;
}

.appui {
  color: var(--encre-douce);
  font-size: .95rem;
}

/* --------------------------------------------------------------- Marque -- */

.marque {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  text-decoration: none;
  color: var(--encre);
}

.marque__icone {
  display: block;
  flex: 0 0 auto;
  object-fit: contain;
}

.marque__mot {
  font-family: var(--serif);
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: -.02em;
}