:root {
  /* ===========================
     COULEURS
     =========================== */
  --c-bg:           #fff8f0;
  --c-bg-dark:      #301e17;
  --c-text:         #2d2023;
  --c-text-muted:   rgba(45, 32, 35, 0.55);
  --c-accent:       #c6a59d;
  --c-accent-dark:  #b08f87;
  --c-btn:          #9e8278;
  --c-btn-dark:     #8a6f65;
  --c-border:       rgba(45, 32, 35, 0.22);
  --c-input-bg:     rgba(255, 248, 240, 0.7);
  --c-error:        #c0392b;
  --c-success:      #2d6a4f;

  /* ===========================
     TYPOGRAPHIE
     =========================== */
  --f-display: 'KASTROO', Georgia, serif;
  --f-body:    'Segoe UI', system-ui, -apple-system, sans-serif;

  --fs-xs:   0.625rem;  /* 10px */
  --fs-sm:   0.75rem;   /* 12px */
  --fs-base: 0.9375rem; /* 15px */
  --fs-lg:   1.0625rem; /* 17px */
  --fs-xl:   1.25rem;   /* 20px */
  --fs-2xl:  1.5rem;    /* 24px */
  --fs-3xl:  2rem;      /* 32px */
  --fs-4xl:  2.5rem;    /* 40px */
  --fs-5xl:  3.25rem;   /* 52px */

  --fw-light:    300;
  --fw-regular:  400;
  --fw-semibold: 600;
  --fw-bold:     700;

  --ls-tight:  -0.01em;
  --ls-wide:   0.2em;
  --ls-wider:  0.35em;
  --ls-widest: 0.5em;

  /* ===========================
     ESPACEMENT
     =========================== */
  --s-1:  0.25rem;
  --s-2:  0.5rem;
  --s-3:  0.75rem;
  --s-4:  1rem;
  --s-5:  1.25rem;
  --s-6:  1.5rem;
  --s-8:  2rem;
  --s-10: 2.5rem;
  --s-12: 3rem;
  --s-16: 4rem;
  --s-20: 5rem;

  /* ===========================
     BORDER RADIUS
     =========================== */
  --r-none: 0;
  --r-sm:   2px;
  --r-md:   4px;
  --r-full: 9999px;

  /* ===========================
     TRANSITIONS
     =========================== */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
}