@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/CormorantGaramond-Latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans Condensed";
  src: url("../fonts/IBMPlexSansCondensed-Regular-Latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans Condensed";
  src: url("../fonts/IBMPlexSansCondensed-Medium-Latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

:root {
  color-scheme: dark;

  --dy26-ink: #080908;
  --dy26-ink-deep: #050606;
  --dy26-ink-soft: #0d0e0d;
  --dy26-ink-raised: #111210;
  --dy26-warm-black: #15130f;
  --dy26-ivory: #d9cdbb;
  --dy26-ivory-strong: #ede2d1;
  --dy26-ivory-soft: #b9ad9d;
  --dy26-muted: #8f877c;
  --dy26-muted-deep: #686259;
  --dy26-red: #a92f29;
  --dy26-red-bright: #c64136;
  --dy26-red-dark: #76201d;
  --dy26-bronze: #a18868;
  --dy26-bronze-soft: #75634d;
  --dy26-border: rgba(196, 176, 148, 0.22);
  --dy26-border-strong: rgba(196, 176, 148, 0.38);
  --dy26-border-red: rgba(185, 53, 45, 0.58);
  --dy26-overlay-soft: rgba(5, 6, 6, 0.34);
  --dy26-overlay: rgba(5, 6, 6, 0.7);
  --dy26-overlay-strong: rgba(5, 6, 6, 0.92);
  --dy26-success: #768867;
  --dy26-warning: #b38542;
  --dy26-error: #c64136;
  --dy26-disabled: #55524d;

  --dy26-font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --dy26-font-sans: "IBM Plex Sans Condensed", "Arial Narrow", Arial, sans-serif;
  --dy26-font-mono: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --dy26-type-display: clamp(4.2rem, 8.5vw, 9.25rem);
  --dy26-type-h1: clamp(3.2rem, 6.3vw, 7rem);
  --dy26-type-h2: clamp(2.35rem, 4.2vw, 4.5rem);
  --dy26-type-h3: clamp(1.65rem, 2.4vw, 2.6rem);
  --dy26-type-product: clamp(2.4rem, 4vw, 4.8rem);
  --dy26-type-body-lg: clamp(1.08rem, 1.4vw, 1.25rem);
  --dy26-type-body: 1rem;
  --dy26-type-small: 0.875rem;
  --dy26-type-label: 0.75rem;
  --dy26-type-meta: 0.75rem;

  --dy26-leading-tight: 0.88;
  --dy26-leading-heading: 1;
  --dy26-leading-body: 1.65;
  --dy26-tracking-display: 0.005em;
  --dy26-tracking-nav: 0.13em;
  --dy26-tracking-label: 0.16em;

  --dy26-space-xs: 0.5rem;
  --dy26-space-sm: 0.75rem;
  --dy26-space-md: 1rem;
  --dy26-space-lg: 1.5rem;
  --dy26-space-xl: 2rem;
  --dy26-space-2xl: 3rem;
  --dy26-space-3xl: 4.5rem;
  --dy26-space-section: clamp(3rem, 5vw, 4.5rem);

  --dy26-container: 92rem;
  --dy26-container-wide: 108rem;
  --dy26-container-copy: 50rem;
  --dy26-gutter: clamp(1.25rem, 3.2vw, 4.5rem);
  --dy26-header-height: 4.75rem;
  --dy26-border-width: 1px;
  --dy26-radius: 0;
  --dy26-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.34);

  --dy26-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dy26-duration-fast: 160ms;
  --dy26-duration: 320ms;
  --dy26-duration-slow: 700ms;
  --dy26-focus: 0 0 0 2px var(--dy26-ink), 0 0 0 4px var(--dy26-red-bright);

  /* Alias courts pour les surcharges WooCommerce du thème. */
  --dy-bg: var(--dy26-ink);
  --dy-bg-deep: var(--dy26-ink-deep);
  --dy-surface: var(--dy26-ink-soft);
  --dy-surface-raised: var(--dy26-ink-raised);
  --dy-text: var(--dy26-ivory-soft);
  --dy-heading: var(--dy26-ivory);
  --dy-ivory: var(--dy26-ivory);
  --dy-muted: var(--dy26-muted);
  --dy-red: var(--dy26-red);
  --dy-red-bright: var(--dy26-red-bright);
  --dy-bronze: var(--dy26-bronze);
  --dy-border: var(--dy26-border);
  --dy-border-strong: var(--dy26-border-strong);
  --dy-serif: var(--dy26-font-display);
  --dy-sans: var(--dy26-font-sans);
  --dy-mono: var(--dy26-font-mono);
  --dy-container: var(--dy26-container);
  --dy-gutter: var(--dy26-gutter);
  --dy-space-section: var(--dy26-space-section);
}

@media (max-width: 63.99rem) {
  :root {
    --dy26-header-height: 4.5rem;
    --dy26-gutter: clamp(1.1rem, 4vw, 2.5rem);
    --dy26-space-section: clamp(2.5rem, 5vw, 3.75rem);
  }
}

@media (max-width: 29.99rem) {
  :root {
    --dy26-type-display: clamp(3.5rem, 18vw, 5.6rem);
    --dy26-type-h1: clamp(2.85rem, 15vw, 4.8rem);
    --dy26-type-h2: clamp(2.15rem, 11vw, 3.35rem);
    --dy26-type-h3: clamp(1.55rem, 8vw, 2.2rem);
    --dy26-gutter: 1.1rem;
    --dy26-header-height: 4rem;
    --dy26-space-section: 2.25rem;
  }
}