/* Local plugin blocks share the palette and live Customizer preview. */
.roscar-site .roscar-insurance-card {
  background: radial-gradient(circle at left top, rgba(var(--theme-accent-rgb), 7%), transparent 45%),
    linear-gradient(180deg, var(--home-surface), var(--home-soft));
}
.roscar-site .roscar-insurance-card:hover {
  border-color: var(--home-accent-border-hover);
  box-shadow: 0 16px 36px rgba(var(--roscar-color-navy-rgb), 10%);
}
.roscar-site .roscar-insurance-card .roscar-insurance-emoji {
  background: var(--home-accent-icon-gradient);
  box-shadow: 0 10px 22px rgba(var(--theme-accent-rgb), 16%);
}

.roscar-site .rcc-scroll {
  background: var(--home-surface);
  scrollbar-color: var(--home-accent-border-hover) var(--home-surface);
}
.roscar-site .rcc-section .rcc-scroll .rcc-table,
.roscar-site .rcc-section .rcc-scroll .rcc-table :is(th, td) {
  background: var(--home-surface);
}
.roscar-site .rcc-section .rcc-scroll .rcc-table thead th {
  background: var(--home-accent-soft-alt);
}
.roscar-site .rcc-section .rcc-scroll .rcc-table tbody tr:nth-child(even) > * {
  background: color-mix(in srgb, var(--home-surface) 50%, var(--home-soft));
}
.roscar-site .rcc-section .rcc-scroll .rcc-table tbody tr:hover > * {
  background: var(--home-accent-faq-hover);
}
.roscar-site .rcc-position {
  background: var(--home-accent-soft);
}
.roscar-site .rcc-stars {
  color: var(--home-border);
}
/* Logo images keep their white canvas so their brand colors stay legible. */