/**
 * Beyond Retrieval theme for Silktide Consent Manager — matches site tokens
 * from src/index.css (:root primary teal, white surfaces, dark gray-900 CTAs).
 */

#stcm-wrapper {
  --fontFamily: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  /* Banner / modal surface + default button label on teal (Silktide uses backgroundColor for .stcm-button text) */
  --backgroundColor: #ffffff;
  /* Primary teal — same hue/sat/light as --primary in index.css */
  --primaryColor: hsl(183, 83%, 30%);
  --textColor: hsl(0, 0%, 12%);
  /* Floating cookie icon: teal disc, white glyph */
  --iconColor: hsl(183, 83%, 30%);
  --iconBackgroundColor: #ffffff;
  --backdropBackgroundColor: rgba(15, 23, 42, 0.35);
  --backdropBackgroundBlur: 4px;
  --boxShadow: 0 8px 32px rgba(13, 115, 119, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);
}

#stcm-banner {
  border-radius: 0.5rem;
  box-shadow: var(--boxShadow);
  border: 1px solid hsl(180, 2%, 85%);
}

#stcm-wrapper .stcm-button {
  border-radius: 0.5rem;
}

/* Accept all: teal filled + white label (matches Sign up) */
#stcm-banner .stcm-accept-all.stcm-button-primary {
  color: #ffffff;
  border: 2px solid #ffffff;
  box-shadow: 0 0 0 1px hsl(183, 83%, 24%);
}

#stcm-banner .stcm-accept-all.stcm-button-primary:hover {
  background-color: hsl(183, 83%, 24%);
  color: #ffffff;
}

/* Reject: dark CTA like “Book a Call” (both actions use .stcm-button-primary in Silktide) */
#stcm-banner .stcm-reject-all.stcm-button-primary {
  background-color: #111827;
  color: #ffffff;
  border-color: #111827;
}

#stcm-banner .stcm-reject-all.stcm-button-primary:hover {
  background-color: #1f2937;
  color: #ffffff;
  border-color: #1f2937;
}

#stcm-modal {
  border-radius: 0.5rem;
  border: 1px solid hsl(180, 2%, 85%);
}

/* Modal actions: keep teal primary / dark secondary pattern */
#stcm-modal .stcm-modal-reject-all.stcm-button-primary {
  background-color: #111827;
  color: #ffffff;
  border-color: #111827;
}

#stcm-modal .stcm-modal-reject-all.stcm-button-primary:hover {
  background-color: #1f2937;
  color: #ffffff;
  border-color: #1f2937;
}

#stcm-modal .stcm-modal-save.stcm-button-primary {
  color: #ffffff;
}

#stcm-modal .stcm-modal-save.stcm-button-primary:hover {
  background-color: hsl(183, 83%, 24%);
  color: #ffffff;
}