/* ============================================================================
   ACCENT VARIANT — premium-b · Old Rose
   Dave, 2026-08-22: "an alternative version for both these premiums where you
   hint in a bit more old rose color from the arculat, maybe the cta etc."

   THIS IS A DELTA, NOT A premium-b. It keeps data-theme="premium-b", so every layout
   rule premium-b.css already has applies untouched; only colour moves. A forked
   fifth stylesheet would have drifted from its parent the first time one of
   them got a fix the other did not.

   THE POSITION: Reseda stays the INSTITUTIONAL colour — the monogram, the stat
   band, the identity — and Old Rose becomes the ACTION colour: every button,
   the focus ring, the chat control. The brand book's own ratio is 80%
   Linen+Jet / 20% Reseda+Old Rose, and this variant spends that 20% differently
   rather than spending more of it.

   NO NEW HEX IS INVENTED. Every value below is var(--color-accent-*) — the Old
   Rose tiers this theme ALREADY derived and measured. That matters twice: the
   contrast is known rather than guessed, and if the accent is ever re-derived
   the buttons follow it automatically instead of silently falling behind.

   Contrast note: WCAG contrast is symmetric, so a tier derived as INK on the
   field carries the same ratio when it becomes the FIELD under Linen ink.
   premium-b's --color-accent-deep measures 4.88:1 against this theme's field, so the
   button label clears AA without any new derivation.

   CONTAINMENT: every rule carries [data-accent="rose"] as well as the theme
   attribute. scripts/check-theme-contract.mjs enforces that (check 2b) — without
   it this file could restyle premium-b for every visitor.
   ============================================================================ */

html[data-theme='premium-b'][data-accent='rose'] {
  /* Non-text focus indicator: 3:1 required, this tier is well clear. */
  --color-focus: var(--color-accent-deep);
}

/* The CTA — the thing Dave actually pointed at. */
html[data-theme='premium-b'][data-accent='rose'] .btn--solid {
  background: var(--color-accent-deep);
}
html[data-theme='premium-b'][data-accent='rose'] .btn--solid:hover,
html[data-theme='premium-b'][data-accent='rose'] .btn--solid:focus-visible {
  background: var(--color-accent-deepest);
}

/* The outline button follows, or the two controls disagree about which colour
   means "act" on the same screen. */
html[data-theme='premium-b'][data-accent='rose'] .btn--ghost:hover,
html[data-theme='premium-b'][data-accent='rose'] .btn--ghost:focus-visible {
  border-color: var(--color-accent-deep);
  color: var(--color-accent-deepest);
}

/* The chat control keeps its light bracket; only the bracket's hue moves, so it
   still reads against both the linen field and the green band. */
html[data-theme='premium-b'][data-accent='rose'] .chat__launch {
  border-color: var(--color-accent-deep);
  color: var(--color-accent-deepest);
}
html[data-theme='premium-b'][data-accent='rose'] .chat__launch:hover {
  background: var(--color-accent-deep);
  border-color: var(--color-accent-deepest);
  color: var(--color-primary-contrast);
}

/* Section eyebrows already sit on the accent; the hairline rules join them so
   the device reads as one system rather than two colours doing similar jobs. */
html[data-theme='premium-b'][data-accent='rose'] .eyebrow--section {
  color: var(--color-accent-deepest);
}

/* The stat band is deliberately NOT recoloured. It is the institutional block,
   and a rose band would make this a pink page rather than a page with a rose
   accent — "a bit more", in Dave's words, not "instead of". */