/**
 * Tribe Events Calendar — CSS variable overrides
 * Maps theme design tokens onto TEC's --tec-* custom properties.
 */

body {
	/* ── Colors: Accents ── */
	--tec-color-accent-primary:            var(--wp--preset--color--primary);
	--tec-color-accent-primary-hover:      var(--wp--preset--color--primary-dark);
	--tec-color-accent-primary-active:     var(--wp--preset--color--primary-dark);
	--tec-color-accent-primary-background: rgba(213, 37, 39, 0.07);

	--tec-color-accent-secondary:            var(--wp--preset--color--main);
	--tec-color-accent-secondary-hover:      rgba(17, 21, 29, 0.8);
	--tec-color-accent-secondary-active:     rgba(17, 21, 29, 0.9);
	--tec-color-accent-secondary-background: rgba(17, 21, 29, 0.07);

	/* ── Colors: Text ── */
	--tec-color-text-primary:       var(--wp--custom--color--text);
	--tec-color-text-primary-light: rgba(20, 27, 35, 0.62);
	--tec-color-text-secondary:     var(--wp--preset--color--secondary);

	/* ── Colors: Links ── */
	--tec-color-link-primary: var(--wp--custom--color--text);
	--tec-color-link-accent:  var(--wp--preset--color--primary);
	--tec-color-link-accent-hover: var(--wp--preset--color--primary-dark);

	/* ── Colors: Buttons ── */
	--tec-color-button-primary:            var(--wp--preset--color--primary);
	--tec-color-button-primary-hover:      var(--wp--preset--color--primary-dark);
	--tec-color-button-primary-active:     var(--wp--preset--color--primary-dark);
	--tec-color-button-primary-background: rgba(213, 37, 39, 0.07);

	--tec-color-button-secondary:            var(--wp--preset--color--main);
	--tec-color-button-secondary-hover:      rgba(17, 21, 29, 0.8);
	--tec-color-button-secondary-active:     rgba(17, 21, 29, 0.9);
	--tec-color-button-secondary-background: rgba(17, 21, 29, 0.07);

	/* ── Colors: Icons ── */
	--tec-color-icon-active:      var(--wp--custom--color--text);
	--tec-color-icon-focus:       var(--wp--preset--color--primary);
	--tec-color-event-icon:       var(--wp--custom--color--text);
	--tec-color-event-icon-hover: var(--wp--preset--color--primary);

	/* ── Colors: Borders ── */
	--tec-color-border-default:   var(--wp--preset--color--tertiary);
	--tec-color-border-secondary: var(--wp--preset--color--border-chrome);
	--tec-color-border-tertiary:  var(--wp--preset--color--border-light);
	--tec-color-border-hover:     var(--wp--preset--color--secondary);
	--tec-color-border-active:    var(--wp--preset--color--main);

	/* ── Colors: Backgrounds ── */
	--tec-color-background:                var(--wp--preset--color--base);
	--tec-color-background-secondary:      var(--wp--preset--color--surface);
	--tec-color-background-secondary-hover: var(--wp--preset--color--tertiary);

	/* ── Colors: Multiday / Week events ── */
	--tec-color-background-primary-multiday:       rgba(213, 37, 39, 0.24);
	--tec-color-background-primary-multiday-hover:  rgba(213, 37, 39, 0.34);
	--tec-color-background-secondary-multiday:      rgba(17, 21, 29, 0.24);
	--tec-color-background-secondary-multiday-hover: rgba(17, 21, 29, 0.34);

	--tec-color-accent-primary-week-event:                rgba(213, 37, 39, 0.10);
	--tec-color-accent-primary-week-event-hover:          rgba(213, 37, 39, 0.20);
	--tec-color-accent-primary-week-event-featured:       rgba(213, 37, 39, 0.04);
	--tec-color-accent-primary-week-event-featured-hover: rgba(213, 37, 39, 0.14);

	/* ── Colors: Events Bar ── */
	--tec-color-background-events-bar-submit-button:        var(--wp--preset--color--primary);
	--tec-color-background-events-bar-submit-button-hover:  var(--wp--preset--color--primary-dark);
	--tec-color-background-events-bar-submit-button-active: var(--wp--preset--color--primary-dark);

	/* ── Colors: Datepicker ── */
	--tec-color-background-secondary-datepicker:          var(--wp--preset--color--surface);
	--tec-color-accent-primary-background-datepicker:     rgba(213, 37, 39, 0.07);

	/* ── Typography ── */
	--tec-font-family-sans-serif: var(--wp--preset--font-family--roboto-flex);

	/* ── Border Radius ── */
	--tec-border-radius-default: 0;

	/* ── Layout ── */
	--tec-grid-width-default: var(--wp--style--global--wide-size);

	/* ── Outlines ── */
	--tec-outline-color-default: var(--wp--preset--color--primary);
}