/**
 * TCC Group brand contract for the theme-agnostic consent platform.
 *
 * @package tcc-group
 */

:root {
	--tcc-consent-bg: var(--wp--preset--color--paper);
	--tcc-consent-text: var(--wp--preset--color--ink);
	--tcc-consent-muted: var(--wp--preset--color--muted);
	--tcc-consent-border: var(--wp--preset--color--line);
	--tcc-consent-primary: var(--wp--preset--color--teal);
	--tcc-consent-primary-hover: var(--wp--preset--color--teal-dk);
	--tcc-consent-primary-text: var(--wp--preset--color--paper);
	--tcc-consent-secondary-border: var(--wp--preset--color--teal);
	--tcc-consent-secondary-text: var(--wp--preset--color--teal-dk);
	--tcc-consent-secondary-hover-bg: var(--wp--preset--color--sky);
	--tcc-consent-shadow: var(--wp--preset--shadow--lg);
	--tcc-consent-banner-shadow: var(--wp--preset--shadow--lg);
	--tcc-consent-toggle-on: var(--wp--preset--color--teal);
	--tcc-consent-toggle-off: var(--wp--preset--color--line);
	--tcc-consent-toggle-knob: var(--wp--preset--color--paper);
	--tcc-consent-toggle-shadow: var(--wp--preset--shadow--sm);
	--tcc-consent-overlay: color-mix(in srgb, var(--wp--preset--color--navy) 58%, transparent);
	--tcc-consent-page-wash: color-mix(in srgb, var(--wp--preset--color--muted) 64%, transparent);
	--tcc-consent-badge-bg: var(--wp--preset--color--sky);
	--tcc-consent-badge-text: var(--wp--preset--color--teal-dk);
	--tcc-consent-font: var(--wp--preset--font-family--inter);
}

.tcc-consent-banner {
	border-top: 4px solid var(--wp--preset--color--cyan);
}

.tcc-consent-banner__title,
.tcc-consent-modal__title {
	letter-spacing: -0.01em;
}