/* Real Clean — small brand overrides */

/* Keep this file small: it lets you re-skin the same structure
   for other clients without touching core CSS. */

:root {
  --realclean-teal: var(--color-accent-main);
  --realclean-charcoal: var(--color-text-main);
}

/* A slightly “cleaner” active pill */
.nav-links a[aria-current="page"] {
  background: color-mix(in srgb, var(--realclean-teal) 16%, white);
  border-color: color-mix(in srgb, var(--realclean-teal) 35%, var(--color-border-subtle));
}

/* Hero highlight uses teal */
.hero-title-highlight {
  color: var(--realclean-teal);
}

/* Buttons: a touch more contrast on hover */
.button--primary:hover {
  background: var(--color-accent-strong);
  border-color: var(--color-accent-strong);
}