/* Site-wide additions on top of organic.css (the design system). */

/* Elements toggled by site.js carry inline display values, so make [hidden] win. */
[hidden] { display: none !important; }

/* Hover states from the design. Inline styles beat :hover, hence !important. */
.hover-accent:hover { color: var(--color-accent) !important; }
.hover-accent-dark:hover { color: var(--color-accent-600) !important; }
.hover-bg-accent:hover { background: var(--color-accent-100) !important; }
.hover-bg-green:hover { background: var(--color-accent-2-100) !important; }

/* organic.css turns nav links orange on hover, which hid the text on the orange login button. */
.nav a.btn-primary:hover { color: var(--color-text); }