/* ==========================================================================
   The Events Calendar / Event Tickets — brand palette
   --------------------------------------------------------------------------
   TEC ships a blue accent (#334aff) and derives its entire palette from
   `--tec-color-accent-primary`, including a set of pre-computed alpha tints.
   Overriding the root variables recolours links, buttons, the "Subscribe to
   calendar" control, datepicker, week/month highlights and the ticket forms in
   one place — no per-component selectors to keep in sync when TEC updates.

   The tints below mirror TEC's own alpha suffixes exactly, swapping only the
   hue: e6 / cc / 33 / 24 / 1a / 12 / 0a.

   Declared on `:root:root` (specificity 0,2,0) so this wins regardless of
   whether TEC's stylesheet happens to load after this one.
   ========================================================================== */

:root:root {
	/* Primary accent — brand orange */
	--tec-color-accent-primary: #b56000;
	--tec-color-accent-primary-hover: #b56000cc;
	--tec-color-accent-primary-active: #b56000e6;
	--tec-color-accent-primary-background: #b5600012;

	/* Week / month view event chips */
	--tec-color-accent-primary-week-event: #b560001a;
	--tec-color-accent-primary-week-event-hover: #b5600033;
	--tec-color-accent-primary-week-event-featured: #b560000a;
	--tec-color-accent-primary-week-event-featured-hover: #b5600024;

	/* Links. `--tec-color-link-accent` already derives from accent-primary,
	   but its hover colour is hardcoded blue, so it needs restating. */
	--tec-color-link-accent-hover: #b56000cc;

	/* Datepicker background derives from accent-primary-background. */
	--tec-color-accent-primary-background-datepicker: #b5600012;
}

/*
 * Breadcrumbs and a few navigation links fall back to the browser default link
 * colour rather than a TEC variable, so they need naming directly.
 */
.tribe-events .tribe-events-c-breadcrumbs__list-item-link,
.tribe-events .tribe-events-c-breadcrumbs__list-item-link:visited,
.tribe-events a.tribe-events-c-nav__prev,
.tribe-events a.tribe-events-c-nav__next,
.tribe-common a.tribe-common-anchor-thin,
.tribe-common a.tribe-common-anchor-alt {
	color: var(--bevi-primary);
}

.tribe-events .tribe-events-c-breadcrumbs__list-item-link:hover,
.tribe-events .tribe-events-c-breadcrumbs__list-item-link:focus,
.tribe-common a.tribe-common-anchor-thin:hover,
.tribe-common a.tribe-common-anchor-thin:focus {
	color: var(--bevi-primary-dark);
}

/*
 * Event titles are anchors carrying `tribe-common-anchor-thin`, so they pick up
 * the brand colour from the rule above and read as orange links. That is the
 * intended result — no separate title rule, which would only fight it on
 * specificity.
 */

/* Typeface — TEC ships its own stack; keep the site's. */
.tribe-common,
.tribe-events {
	--tec-font-family-sans-serif: var(--bevi-font);
}