/* ==========================================================================
   The Events Calendar — Brand color overrides
   ----------------------------------------------------------------------------
   Auto-loaded by TEC from theme directory at /tribe/tribe-events.css.
   Reference: https://theeventscalendar.com/knowledgebase/css-custom-properties/

   We let TEC own layout, responsive behavior, and accessibility, and only
   override the documented --tec-color-* custom properties so the calendar
   matches the IDP brand palette (defined in /assets/css/colors_and_type.css).
   ========================================================================== */

:root {
  /* Primary accent — used for "today", selected day, links, button bg, dots */
  --tec-color-accent-primary:        var(--idp-verde-opaco, #6B6751);
  --tec-color-accent-primary-hover:  var(--idp-moss,        #31331F);
  --tec-color-accent-primary-active: var(--idp-moss,        #31331F);

  /* Buttons */
  --tec-color-button-primary:        var(--idp-verde-opaco, #6B6751);
  --tec-color-button-primary-hover:  var(--idp-moss,        #31331F);
  --tec-color-button-primary-active: var(--idp-moss,        #31331F);

  /* Surfaces */
  --tec-color-background:                  var(--idp-bone,      #F7F3EA);
  --tec-color-background-secondary:        var(--idp-areia-50,  #F2EEE3);
  --tec-color-background-secondary-hover:  var(--idp-areia-100, #E8E0CD);

  /* Text */
  --tec-color-text-primary:        var(--idp-ink,      #31331F);
  --tec-color-text-secondary:      var(--idp-ink-soft, #454538);
  --tec-color-text-events-title:   var(--idp-ink,      #31331F);

  /* Borders */
  --tec-color-border-default: var(--idp-line,      #C7BCA2);
  --tec-color-border-secondary: var(--idp-line-soft, #E6DFCF);
}

/* ── Month view: keep the selected/today date number legible against the
   accent fill. TEC fills .day-cell--selected with --tec-color-accent-primary;
   we just flip the text to areia. */
.tribe-events-calendar-month__day-cell--selected,
.tribe-events-calendar-month__day-cell--selected:hover,
.tribe-events-calendar-month__day-cell--selected:focus {
  color: var(--idp-areia, #D3C7AD);
}
.tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__day-date,
.tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__day-date-daynum {
  color: var(--idp-areia, #D3C7AD);
}