/* v13 (2026-11-10): point-colour comparison, URL only: ?accent=1|2|3|4 (default = none = today's look, same as 1).
   One variable set drives every accent spot: main buttons, outline buttons, chosen filter label, links,
   cart badge, focus ring, nav underline, small marks (stars, dots, "One of a kind").
   Colours come from the three home sections (S3 dusk rose #D9B8BB, S3 lavender #C6B2CE).
   Text-on-button and accent-text pairs were checked for WCAG contrast (see README v13). */

/* 1 · today: sepia buttons + blush chosen label (the baseline) */
:root[data-accent="1"] {
  --ac-btn: #4a3a2e; --ac-btn-d: #36281f; --ac-btn-hover: #2f251d; --ac-btn-ink: #fbf7ef;
  --ac-soft: #f8e9e5; --ac-line: rgba(180,147,90,.5); --ac-text: #9a6a62; --ac-link: var(--ink);
  --ac-mark: #b4935a; --ac-badge: #4a3a2e; --ac-focus: #b4935a; --ac-ooak: #9fae86;
}
/* 2 · sepia buttons + home dusk rose for everything chosen / linked / marked */
:root[data-accent="2"] {
  --ac-btn: #4a3a2e; --ac-btn-d: #36281f; --ac-btn-hover: #2f251d; --ac-btn-ink: #fbf7ef;
  --ac-soft: #f3e1e2; --ac-line: #d9b8bb; --ac-text: #8c5860; --ac-link: #8c5860;
  --ac-mark: #c9989d; --ac-badge: #8c5860; --ac-focus: #c9989d; --ac-ooak: #8c5860;
}
/* 3 · dusty-rose buttons (white text 5.4:1) */
:root[data-accent="3"] {
  --ac-btn: #93596a; --ac-btn-d: #93596a; --ac-btn-hover: #7e4a59; --ac-btn-ink: #fffaf6;
  --ac-soft: #f2dee0; --ac-line: #d9b8bb; --ac-text: #8a5262; --ac-link: #8a5262;
  --ac-mark: #c9989d; --ac-badge: #93596a; --ac-focus: #c9989d; --ac-ooak: #8a5262;
}
/* 4 · lavender-plum buttons (white text 6.6:1), ties to Madame's night page */
:root[data-accent="4"] {
  --ac-btn: #6b5578; --ac-btn-d: #6b5578; --ac-btn-hover: #5a4666; --ac-btn-ink: #fdfaff;
  --ac-soft: #ece3f0; --ac-line: #c6b2ce; --ac-text: #6b5578; --ac-link: #6b5578;
  --ac-mark: #a893b6; --ac-badge: #6b5578; --ac-focus: #a893b6; --ac-ooak: #6b5578;
}

/* buttons */
:root[data-accent] .btn:not(.btn-gold):not(.btn-solid):not([disabled]):not([aria-disabled="true"]) { border-color: var(--ac-btn); color: var(--ac-btn); }
:root[data-accent] .btn:not(.btn-gold):not(.btn-solid):not([disabled]):not([aria-disabled="true"]):hover { background: var(--ac-btn); border-color: var(--ac-btn); color: var(--ac-btn-ink); }
:root[data-accent] .btn-solid:not([disabled]),
:root[data-accent] main.fp .btn-solid:not([disabled]) { background: var(--ac-btn-d); border-color: var(--ac-btn-d); color: var(--ac-btn-ink); }
:root[data-accent] .btn-solid:not([disabled]):hover,
:root[data-accent] main.fp .btn-solid:not([disabled]):hover { background: var(--ac-btn-hover); border-color: var(--ac-btn-hover); color: var(--ac-btn-ink); }
:root[data-accent] .sticky-cta .btn { box-shadow: 0 10px 30px color-mix(in srgb, var(--ac-btn) 35%, transparent); }

/* links */
:root[data-accent] .btn-link,
:root[data-accent] main.fp .btn-link { color: var(--ac-link); text-decoration-color: var(--ac-line); }
:root[data-accent] .policy .prose a,
:root[data-accent] .lang-switch a { color: var(--ac-link); text-decoration-color: var(--ac-mark); border-bottom-color: var(--ac-mark); }
:root[data-accent] .nav a:hover,
:root[data-accent] .nav a[aria-current="page"] { border-bottom-color: var(--ac-mark); }

/* cart badge */
:root[data-accent] .cart-count { background: var(--ac-badge); color: var(--ac-btn-ink); }

/* chosen filter label (cord tabs, the site default) */
:root[data-accent][data-look="frame"][data-tabs="cord"] .tk.is-on .tk-plate {
  background: var(--ac-soft);
  box-shadow: inset 0 0 0 2.5px var(--ac-soft), inset 0 0 0 3.5px var(--ac-line), 0 6px 9px rgba(74, 58, 46, .16);
}
:root[data-accent] .tk.is-on .tk-no { color: var(--ac-text); }

/* focus ring */
:root[data-accent] .tk:focus-visible,
:root[data-accent] .tile:focus-visible,
:root[data-accent] .acc summary:focus-visible { outline-color: var(--ac-focus); }
:root[data-accent] .wchip input:focus-visible + span,
:root[data-accent] .opt input:focus-visible + .o,
:root[data-accent] .btn:has(input:focus-visible) { box-shadow: 0 0 0 3px var(--ac-focus); }

/* small marks */
:root[data-accent] .rule::after,
:root[data-accent] .sh-rail::after,
:root[data-accent] .in-short li::before,
:root[data-accent] .note::before,
:root[data-accent] .vcard li::before,
:root[data-accent] .sh-label .lb-dot { color: var(--ac-mark); }
:root[data-accent] .sh-label .lb-ooak,
:root[data-accent][data-look="frame"] .pd-tix .admit { color: var(--ac-ooak); }