/* =========================================================
   INESC Content — design tokens
   Plugin-owned custom properties shared by the events and news markup:
   the --ip-* family (text/placeholder colors, card radius, gutters) plus a
   few events-only variables.

   NOT defined here: the brand variables the stylesheets rely on most
   (--green, --blue, --dark-blue, --gray, --font-main, --text-*, --normal /
   --semi-bold / --bold, --website-margin, …). Those come from the theme /
   site-wide CSS; without them colors, fonts and margins fall back to
   browser defaults.

   Scoped to the module wrapper classes (NOT :root), so nothing leaks into
   the theme. Both module stylesheets declare the `inesc-content-tokens`
   handle as a dependency.
========================================================= */

.inesc-events,
.inesc-event-single,
.inesc-event-related,
.inesc-event-card,
.inesc-post-single,
.inesc-post-related,
.inesc-news-listing,
.inesc-news-card,
.inesc-latest-news,
.inesc-listing,
.inesc-filter-tabs,
.inesc-pagination,
.inesc-share {

  /* Fluid values below scale between a 48rem (768px) and 85.375rem (1366px)
     viewport. The preferred value is expressed as `<rem> + <vw>` (precomputed)
     rather than a length-by-length calc() division, which is invalid per the
     CSS spec and rejected by Firefox (right operand of `/` must be a number). */

  /* ---- Canonical colors ---- */
  --ip-text:           #2c3338;
  --ip-text-light:     #ffffff;
  --ip-placeholder-bg: #d9d9d9;

  /* ---- Card radius ---- */
  --ip-radius-card: clamp(0.85714rem, -0.51892rem + 2.86678vw, 1.9286rem);


  /* ---- Side gutters (used by the posts layout) ---- */
  --ip-gutter:      clamp(1rem, 10vw, 5rem);  /* matches WPBakery row gutter */
  --ip-news-gutter: clamp(1rem, 5vw, 5rem);



  /* ---- Misc events-only tokens (no posts equivalent) ---- */
  --accent-color:  #ff6b35;
  --text-dark:     #000000;
  --border-color:  #e0e0e0;
  --bg-light:      #f5f5f5;
  --dark-gray:     #5a5d55;
  --menu-height:   136px;
  --breakpoint-tablet: 48rem;
  --breakpoint-mobile: 30rem;
  --offset:        5%;
  --inner-padding: 5.5vw;

}