:root {
  /* Hex fallbacks from the brand charter. */
  --aa-lin:#f3e6d4; --aa-lin-deep:#e7d7c0; --aa-brun:#3c2a1e; --aa-or-pale:#d4bfa0;
  --aa-or:#a57c32; --aa-ardoise:#78878e; --aa-nuit:#2d3233; --aa-blanc:#f8f4ee;
  --aa-font-display:"Cormorant Garamond",Georgia,serif;
  --aa-font-body:"Inter",Arial,sans-serif;
  --aa-font-bebas:"Bebas Neue Cyrillic","BebasNeue",Impact,sans-serif;
  --aa-header-height:72px;
  --aa-container-max:1440px;
  --aa-container-x:clamp(1.5rem,5vw,5rem);
  --aa-section-y:clamp(5rem,8vw,8rem);
  --aa-section-y-compact:clamp(3.5rem,6vw,6rem);
  --aa-section-y-loose:clamp(6rem,10vw,10rem);
  --aa-grid-gap:clamp(2rem,4vw,4rem);
  --aa-body-size:15px; --aa-body-leading:1.85; --aa-title-leading:1.05; --aa-title-tracking:.03em;
  --aa-transition-fast:250ms ease; --aa-transition:500ms ease;
  --aa-ease-premium:cubic-bezier(.23,1,.32,1);
  --aa-shadow-header:0 1px 0 rgba(60,42,30,.1);

  /* Aliases retained for existing templates */
  --color-lin:var(--aa-lin); --color-brun:var(--aa-brun); --color-or:var(--aa-or);
  --color-ardoise:var(--aa-ardoise); --color-nuit:var(--aa-nuit); --color-white:var(--aa-blanc);
  --font-display:var(--aa-font-display); --font-body:var(--aa-font-body);
  --header-height:var(--aa-header-height); --space-section:var(--aa-section-y);
}


/* Exact color tokens used by the React reference.
   The hex values above remain fallbacks for older browsers. */
@supports (color: oklch(0 0 0)) {
  :root {
    --aa-lin:oklch(0.920 0.025 72);
    --aa-lin-deep:oklch(0.880 0.030 72);
    --aa-brun:oklch(0.265 0.040 50);
    --aa-or:oklch(0.580 0.090 72);
    --aa-ardoise:oklch(0.560 0.018 220);
    --aa-nuit:oklch(0.230 0.020 220);
  }
}