theme-colors.css/* File: `assets/css/theme-colors.css` */
/* Small set of utility classes that consume the theme CSS variables printed by theme_print_color_variables() */

:root {
  /* variables will be injected by PHP; this file relies on them being present */
}

/* Primary button / CTA */
.theme-btn {
  background: var(--theme-color-primary);
  color: var(--theme-color-background);
  transition: filter .12s ease, opacity .12s ease;
}
.theme-btn:hover,
.theme-btn:focus {
  filter: brightness(.95);
  text-decoration: none;
}

/* Generic inline link color */
.theme-link {
  color: var(--theme-color-text);
  transition: color .12s ease;
}
.theme-link:hover,
.theme-link:focus {
  color: var(--theme-color-primary);
}

/* Active link state */
.theme-active {
  color: var(--theme-color-primary);
  font-weight: 600;
}

/* Submenu / child links: neutral by default, use primary on hover */
.theme-submenu-link {
  background: var(--theme-color-background);
  color: var(--theme-color-text);
  display: block;
  width: 100%;
}
.theme-submenu-link:hover,
.theme-submenu-link:focus {
  background: var(--theme-color-primary);
  color: var(--theme-color-background);
}