/**
 * Système de design - Château Courtey
 *
 * Valeurs relevées sur la maquette Claude Design « Site B ».
 * Les tailles sont exprimées en clamp() pour que le site tienne du téléphone
 * au 1440 px de la maquette sans avoir à démonter des largeurs figées.
 *
 * Deux palettes distinctes et volontairement séparées :
 *   --c-*  le site public, sur fond crème
 *   --a-*  l'espace de Norbert, contrasté et sans recherche esthétique
 */

/* ─────────────────────────── Polices ─────────────────────────── */

@font-face {
  font-family: 'Bricolage Grotesque';
  src: url('../fonts/bricolage-grotesque-400.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Bricolage Grotesque';
  src: url('../fonts/bricolage-grotesque-500.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Bricolage Grotesque';
  src: url('../fonts/bricolage-grotesque-600.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Bricolage Grotesque';
  src: url('../fonts/bricolage-grotesque-700.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Instrument Serif';
  src: url('../fonts/instrument-serif-400.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Instrument Serif';
  src: url('../fonts/instrument-serif-400-italic.woff2') format('woff2');
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'Caveat';
  src: url('../fonts/caveat-400.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Caveat';
  src: url('../fonts/caveat-600.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}

:root {

  /* ───────────────────── Palette publique ───────────────────── */

  --c-fond:            #FBF7EC;  /* crème, fond de toutes les pages publiques */
  --c-surface:         #FFFFFF;  /* cartes, encadrés */
  --c-surface-alt:     #EFEADC;  /* fond de jauge, aplats discrets */

  --c-encre:           #24211C;  /* titres et texte fort */
  --c-encre-douce:     #443F37;  /* corps de texte long */
  --c-encre-attenuee:  #6B665C;  /* libellés, légendes */
  --c-encre-faible:    #8C867A;  /* indications de saisie */

  --c-filet:           #E7E1D2;  /* séparateurs */
  --c-filet-fort:      #E2DCCB;  /* contours de champs et de cartes */
  --c-filet-marque:    #B9B2A2;  /* contours de cases et de boutons radio */

  --c-vigne:           #2F5B3A;  /* accent principal */
  --c-vigne-fonce:     #24472D;  /* survol de l'accent */
  --c-vigne-voile:     #E7EFE6;  /* fond teinté pour blocs d'information */

  --c-terre:           #B8533A;  /* forme organique, accent secondaire chaud.
                                    Assombri de 4 % sur le ton d'origine : en
                                    dessous, la lettre du repère du domaine et
                                    l'astérisque des champs obligatoires
                                    tombaient à 4,23 pour un minimum de 4,5. */
  --c-paille:          #E8B93B;  /* forme organique, bouton de la lettre */
  --c-ardoise:         #35548F;  /* forme organique, accent froid */

  --c-pied-fond:       #24211C;  /* pied de page sombre */
  --c-pied-encre:      #FBF7EC;

  /* ─────────── Palette de l'espace de gestion (Norbert) ─────────── */
  /* Contraste élevé, gros corps, aucune subtilité : cet écran doit se lire
     un dimanche soir, sans lunettes et sans appeler personne. */

  --a-fond:            #FFFFFF;
  --a-encre:           #16181A;
  --a-encre-attenuee:  #5B5C55;
  --a-surface:         #EFEFEA;  /* barre d'onglets */
  --a-surface-douce:   #F7F7F3;  /* encadré « à faire aujourd'hui » */
  --a-filet:           #C7C6BE;
  --a-filet-doux:      #DDDCD4;

  --a-recu:            #2E7D5B;  /* argent arrivé */
  --a-recu-fonce:      #1F5C43;
  --a-attente-fond:    #FFF8E8;  /* ligne en attente de virement */
  --a-attente-encre:   #8A6410;
  --a-danger:          #B4382A;  /* arrêter la prévente */
  --a-danger-fonce:    #8E2C21;

  /* ─────────────────────── Typographie ─────────────────────── */

  --f-titre:  'Instrument Serif', Georgia, 'Times New Roman', serif;
  --f-texte:  'Bricolage Grotesque', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-main:   'Caveat', 'Segoe Script', cursive;  /* annotations, la voix de Norbert */

  /* Échelle fluide. Les bornes hautes reproduisent la maquette au pixel. */
  --t-hero:     clamp(2.75rem, 6.7vw, 6rem);      /* 96 px */
  --t-titre-1:  clamp(2.375rem, 5.6vw, 5rem);     /* 80 px */
  --t-titre-2:  clamp(1.875rem, 2.8vw, 2.5rem);   /* 40 px */
  --t-titre-3:  clamp(1.625rem, 2.2vw, 2rem);     /* 32 px */
  --t-titre-4:  clamp(1.375rem, 1.8vw, 1.625rem); /* 26 px */
  --t-chiffre:  clamp(2.5rem, 3.6vw, 3.25rem);    /* 52 px, chiffre de la jauge */

  --t-grand:    clamp(1.125rem, 1.5vw, 1.375rem); /* 22 px, chapô */
  --t-corps:    clamp(1.0625rem, 1.3vw, 1.1875rem); /* 19 px, texte courant */
  --t-petit:    clamp(1rem, 1.15vw, 1.0625rem);   /* 17 px */
  --t-mention:  0.96875rem;                        /* 15,5 px, légendes fixes */

  --i-serre:    1.04;   /* interlignage des grands titres */
  --i-titre:    1.12;
  --i-corps:    1.58;   /* texte long, clientèle qui n'est pas jeune */

  --l-titre:    -0.035em;  /* interlettrage resserré des titres */
  --l-titre-s:  -0.02em;

  /* ───────────────────────── Espacement ───────────────────────── */

  --e-1: 0.5rem;
  --e-2: 0.75rem;
  --e-3: 1rem;
  --e-4: 1.375rem;
  --e-5: 1.75rem;
  --e-6: 2.375rem;
  --e-7: 3.25rem;
  --e-8: 4.75rem;

  --marge-page:  clamp(1.25rem, 3.9vw, 3.5rem);  /* 56 px sur la maquette */
  --largeur-max: 1440px;
  --largeur-txt: 68ch;

  /* ──────────────────────── Formes ──────────────────────── */

  --r-champ:   14px;
  --r-bloc:    16px;
  --r-carte:   22px;
  --r-pilule:  999px;

  --ombre-carte: 0 2px 8px rgba(36, 33, 28, .06);
  --ombre-popup: 0 6px 22px rgba(36, 33, 28, .18);

  /* Hauteur de frappe minimale : la clientèle est âgée, les doigts sont gros. */
  --cible-min: 56px;
}

/* Le site public assume un seul thème clair, décision actée.
   On neutralise l'ajustement automatique du navigateur pour éviter
   qu'un mode sombre système ne repeigne les champs de formulaire. */
:root { color-scheme: light; }