:root {

  --wine:      #77222E;
  --wine2:     #671823;
  --rose:      #9B3A48;
  --gold:      #C9A24B;
  --gold-txt:  #9C7529;
  --gold2:     #DEBE74;
  --cream:     #F7F0E4;
  --cream2:    #FBF6EC;
  --cream3:    #F1E7D5;
  --noir:      #181314;
  --encre:     #2A1A14;

  --ok:        #1E7A34;
  --rouge:     #C0392B;
  --orange:    #B26A00;

  --police:        'Fira Sans', system-ui, -apple-system, sans-serif;
  --police-titre:  'Yellowtail', cursive;

  --t-h1:   clamp(27px, 5vw, 44px);
  --t-h2:   clamp(21px, 3.4vw, 30px);
  --t-h3:   clamp(17px, 2.2vw, 21px);
  --t-base: 16px;
  --t-petit: 13.5px;
  --t-mini:  12.5px;
  --interligne: 1.68;

  --e-1:  4px;
  --e-2:  8px;
  --e-3:  13px;
  --e-4:  20px;
  --e-5:  32px;
  --e-6:  52px;
  --e-7:  72px;
  --marge-laterale: 20px;
  --marge: var(--marge-laterale);
  --stick: 116px;
  --largeur-max:  1180px;
  --largeur-texte: 760px;

  --r-petit:  8px;
  --r-moyen:  12px;
  --r-grand:  18px;
  --r-carte:  22px;
  --r-pilule: 100px;

  --ombre-1: 0 6px 18px rgba(24, 19, 20, .14);
  --ombre-2: 0 14px 32px rgba(24, 19, 20, .18);
  --ombre-3: 0 24px 60px rgba(24, 19, 20, .30);

  --cible-min: 44px;
  --duree:     .18s;

}

:root{
  --encre2:#3E312B;
  --encre3:#4A3B33;
  --encre4:#7A6A61;
  --vert:#2E7D32;
  --vert2:#256428;
  --vert-fond:#EFF6ED;
  --vert-fond2:#E4EFE0;
  --alerte:#9A2B24;
  --alerte-fond:#FBEFEF;
}