/* =========================================================
   INESC People — design tokens
   Custom properties for the shared people card (Team, Awards), scoped to
   the `.inesc-people` wrapper (NOT :root) so nothing leaks into the theme.
   Registered as the `inesc-tokens` handle by
   INESC_People::register_shared_styles() and loaded as a dependency of
   `inesc-people` (people.css), which the module stylesheets depend on.

   What this file actually defines: --ip-text, --ip-text-light,
   --ip-placeholder-bg, --ip-radius-card, the --ip-container / --ip-gutter /
   --ip-news-gutter layout values and the generic block at the end. Of
   these, this plugin's stylesheets only read --ip-text and
   --ip-placeholder-bg (people.css); the rest are currently unused here.

   NOT defined here (or anywhere in this plugin): the brand variables the
   stylesheets read — --blue, --dark-blue, --green, --gray, --font-main,
   --text-16 / -21 / -25 / -35, --normal / --medium / --semi-bold / --bold,
   --ip-dark-blue and --ip-fw-bold. They resolve only if the theme defines
   them globally; otherwise those declarations fall back to inherited or
   initial values.
========================================================= */

.inesc-people {

  /* Fluid tokens 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). */

  /* ---- Base 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);


  /* ---- Layout container and gutters ---- */
  --ip-container:   84.125rem;                /* 1346px */
  --ip-gutter:      clamp(1rem, 10vw, 5rem);  /* matches WPBakery row gutter */
  --ip-news-gutter: clamp(1rem, 5vw, 5rem);


  /* ---- Generic colors, sizes and radii (not read by this plugin's CSS) ---- */
  --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;
  --radius-sm: 0.2143rem;
  --radius-md: 0.2857rem;
  --radius-lg: var(--ip-radius-card);
  --radius-xl: clamp(1.1071rem, -0.22316rem + 2.77137vw, 2.1429rem);

  --container-width: var(--ip-container);
}