/* Brand override for the vendored Silktide consent manager - keep separate
   from silktide-consent-manager.css so upstream updates don't clobber this. */
body #silktide-wrapper {
  /* Inter, same self-hosted @font-face as app/globals.css - the page's
     actual body font, not the Platypi wordmark serif this shipped with
     initially. */
  --fontFamily: Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --primaryColor: #21644A;   /* forest */
  --backgroundColor: #002B1A; /* pine */
  --textColor: #FAF5E9;       /* cream */
  --cookieIconColor: #21644A;
  --cookieIconBackgroundColor: #002B1A;
}

/* Button + link text forced to white (Toby's call, 1 Aug 2026) - distinct
   from --textColor (cream), which still applies to plain banner/modal body
   copy. Buttons need the .st-button--primary/--secondary :hover states
   covered too, since the library swaps their text color on hover by
   default (to --primaryColor/--backgroundColor respectively) - both
   backgrounds involved are dark (forest/pine), so white text stays legible
   in every state. `body` + the extra type selector on each rule is what
   out-specifies the vendor's plain `#silktide-wrapper .st-button...`
   selectors without needing !important. */
body #silktide-wrapper .st-button,
body #silktide-wrapper .st-button--primary:hover,
body #silktide-wrapper .st-button--secondary,
body #silktide-wrapper .st-button--secondary:hover {
  color: #ffffff;
}

body #silktide-banner a,
body #silktide-modal a,
body #silktide-banner a:hover,
body #silktide-modal a:hover {
  color: #ffffff;
}

/* The persistent reopen-preferences icon (Toby's call, 2 Aug 2026): shrunk
   from the library's default 60px/38px-glyph down to 32px/18px, same
   ~60% glyph-to-circle ratio so it doesn't look cramped. The svg's own
   width/height HTML attributes (38/38, set inline by the vendor JS) need
   the explicit override below - CSS wins over presentation attributes, but
   only if something actually sets it, which the vendor stylesheet doesn't.
   No .bottomRight class is applied (app/layout.tsx's silktide config
   dropped that), so it sits at the library's base position - bottom-left. */
body #silktide-cookie-icon {
  width: 32px;
  height: 32px;
}
body #silktide-cookie-icon svg {
  width: 18px;
  height: 18px;
}