/* Shared colour tokens. The D02 gold rule is kept apart from CTA tokens so D03 can change buttons alone. */
:root {
  --artesicura-gold-rule: #978741;
  /* D03 revised 2026-09-23 (tests/d03-approval.json): the client-approved Figma fill is the source
     of truth. #978741/white measures 3.585:1 for the 14–15px label — recorded as exception D03-E01,
     not corrected here. See docs/implementation-decisions.md §D03. */
  --artesicura-button-fill: #978741;
  --artesicura-button-text: #FFFFFF;
  /* Feedback v4 (Silvia, 07/10): one body size for section text, as on the service pages, and
     one radius for content images (the prototype's rounded corners). */
  --artesicura-text: 18px;
  --artesicura-text-line: 1.62;
  --artesicura-radius: 8px;
  /* Feedback v5 (Silvia, 13/10): one distance between a label (eyebrow) and the title under it,
     on every page, and one gold for titles inside the green boxes.
     Feedback v6 (Silvia, 20/10: the v5 #D4BF7A read as a «giallo smorto»; Jp 21/10): the site gold's
     hue (#978741, 49°) made lighter and a little more saturated, #B9A446 — 3.34:1 on #00594B, 4.93:1
     on #003D34. Every title using it is Cormorant 24px/600 on #00594B, i.e. large text (AA ≥ 3:1).
     The site gold itself would be 2.31:1 there and stays untouched everywhere else. */
  --artesicura-eyebrow-gap: 16px;
  --artesicura-gold-on-green: #B9A446;
  /* Feedback v6 (Silvia, 20/10; Jp 21/10): one distance on both sides of a divider — the gold rule
     before «Continua a esplorare» and the footer's top rule — from the last block above it and to the
     content below it, on every page. */
  --artesicura-divider-gap: 72px;
}
@media (max-width: 48rem) { :root { --artesicura-divider-gap: 48px; } }