:root {
  --tg-color-cacao: var(--wp--preset--color--cacao, #5A3518);
  --tg-color-or: var(--wp--preset--color--or, #C9931F);
  --tg-color-feuille: var(--wp--preset--color--feuille, #7D963A);
  --tg-color-kraft: var(--wp--preset--color--kraft, #F4EAD7);
  --tg-color-blanc: var(--wp--preset--color--blanc, #FFFDF8);
  --tg-color-texte-doux: var(--wp--preset--color--texte-doux, #6B5A46);
  --tg-font-serif: var(--wp--preset--font-family--serif, Georgia, 'Times New Roman', serif);
  --tg-font-sans: var(--wp--preset--font-family--sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
  --tg-content-width: 1180px;
  --tg-wide-width: 1400px;
  --tg-gutter: clamp(1rem, 4vw, 2rem);
  --tg-radius-pill: 999px;
}

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

body {
  margin: 0;
  background-color: var(--tg-color-blanc);
  color: var(--tg-color-cacao);
  font-family: var(--tg-font-sans);
  line-height: 1.6;
  overflow-wrap: break-word;
  -webkit-text-size-adjust: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-block: 0 0.6em;
  color: inherit;
  font-family: var(--tg-font-serif);
  line-height: 1.15;
}

p {
  margin-block: 0 1em;
}

a {
  color: var(--tg-color-cacao);
  text-underline-offset: 0.18em;
}

a:hover {
  text-decoration-thickness: 2px;
  text-underline-offset: 0.22em;
}

.tg-skip-link {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: var(--tg-gutter);
  z-index: 100;
  padding: 0.75rem 1.25rem;
  background-color: var(--tg-color-cacao);
  color: var(--tg-color-blanc);
  font-weight: 700;
  text-decoration: none;
  transform: translateY(-150%);
}

.tg-skip-link:focus {
  transform: translateY(0);
}

.tg-skip-link:focus-visible {
  outline: 3px solid var(--tg-color-blanc);
  outline-offset: -6px;
}

img,
svg,
video {
  max-width: 100%;
  height: auto;
}

button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
}

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--tg-color-cacao);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}