/* Innovative Encompass — brand design tokens
   Source: brand/source/Logo innov.psd and LOGO Gradients.grd */
:root {
  --ie-charcoal: #272727;
  --ie-brand-red: #8F0000;
  --ie-tagline-red: #AE0101;
  --ie-highlight-red: #FF5252;
  --ie-accent-orange-red: #C02500;
  --ie-white: #FFFFFF;
  --ie-light-grey: #F4F4F4;
  --ie-mid-grey: #747474;

  /* Status/semantic colors — utility only, never for logo, headings or primary actions.
     Added 2026-10-02 for subscription-state indicators (active/trial/expired/cancelled);
     green/amber values match what was already used on the Encompass HR pricing page. */
  --ie-status-active: #1A7F37;
  --ie-status-trial: #B8860B;
  --ie-status-cancelled: #8F0000; /* = --ie-brand-red, no new color needed */
  --ie-status-neutral: #747474;  /* = --ie-mid-grey */

  --ie-gradient-innov: linear-gradient(90deg, #FF5252 2%, #8F0000 31%, #8F0000 77%, #AE0101 100%);

  /* Nexa requires a licence for web use; Montserrat is the free fallback */
  --ie-font-heading: "Nexa Bold", "Montserrat", "Segoe UI", Arial, sans-serif;
  --ie-font-light: "Nexa Light", "Montserrat", "Segoe UI", Arial, sans-serif;
  --ie-font-body: "Nexa Light", "Montserrat", "Segoe UI", Arial, sans-serif;
  --ie-tagline-letter-spacing: 0.1em; /* Photoshop tracking 100 */
}