/* Theme overrides for vanilla-cookieconsent (v3.1.0), mapping its CSS
   custom properties onto this site's own design tokens from global.css.
   Variable names verified against
   node_modules/vanilla-cookieconsent/dist/cookieconsent.css — do not add
   new --cc-* names here without checking that file first; an unmatched
   name is silently ignored, not an error. */
#cc-main {
	--cc-bg: var(--black);
	--cc-primary-color: var(--on-dark);
	--cc-secondary-color: var(--on-dark-muted);
	--cc-font-family: var(--font-grotesk);
	--cc-btn-border-radius: 999px;
	--cc-modal-border-radius: 0px;
	--cc-overlay-bg: color-mix(in srgb, var(--black) 70%, transparent);
	--cc-link-color: var(--pink);
	--cc-separator-border-color: var(--hairline-dark);
	--cc-footer-bg: var(--black);
	--cc-footer-border-color: var(--hairline-dark);
	--cc-footer-color: var(--on-dark-muted);

	/* Primary button — matches .btn--pink's resting/hover look */
	--cc-btn-primary-bg: transparent;
	--cc-btn-primary-border-color: var(--pink);
	--cc-btn-primary-color: var(--pink);
	--cc-btn-primary-hover-bg: var(--pink);
	--cc-btn-primary-hover-border-color: var(--pink);
	--cc-btn-primary-hover-color: var(--white);

	/* Secondary button — matches .btn--grey on a dark ground */
	--cc-btn-secondary-bg: transparent;
	--cc-btn-secondary-border-color: color-mix(in srgb, var(--on-dark-muted) 55%, transparent);
	--cc-btn-secondary-color: var(--on-dark-muted);
	--cc-btn-secondary-hover-bg: color-mix(in srgb, var(--on-dark-muted) 12%, transparent);
	--cc-btn-secondary-hover-border-color: color-mix(in srgb, var(--on-dark-muted) 55%, transparent);
	--cc-btn-secondary-hover-color: var(--on-dark-muted);

	/* Category toggles in the preferences modal */
	--cc-toggle-on-bg: var(--pink);
	--cc-toggle-off-bg: color-mix(in srgb, var(--on-dark-muted) 30%, transparent);
	--cc-toggle-on-knob-bg: var(--white);
	--cc-toggle-off-knob-bg: var(--white);
	--cc-toggle-readonly-bg: color-mix(in srgb, var(--on-dark-muted) 15%, transparent);
	--cc-toggle-readonly-knob-bg: var(--on-dark-muted);

	/* Category blocks in the preferences modal */
	--cc-cookie-category-block-bg: var(--black-raised);
	--cc-cookie-category-block-border: var(--hairline-dark);
	--cc-cookie-category-block-hover-bg: var(--black-raised);
	--cc-cookie-category-block-hover-border: var(--pink);
	--cc-cookie-category-expanded-block-bg: var(--black-raised);
	--cc-cookie-category-expanded-block-hover-bg: var(--black-raised);
}

/* The library's own CSS hardcodes a drop shadow and non-uppercase button
   typography that no custom property reaches — this site is deliberately
   flat (no card/button/panel casts a shadow) and every other button is
   uppercase/700/tracked, so these need direct overrides, not variables. */
#cc-main .cm,
#cc-main .pm {
	box-shadow: none;
}

#cc-main .cm__btn,
#cc-main .pm__btn {
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.1em;
	border-width: 1.5px;
}