/**
 * ITVP design tokens — extracted from the approved Homepage / Xfinity comps.
 * Change values HERE only. Never rename a token: functions.php, itvp-main.css
 * and the Elementor Kit all reference these names.
 */
:root{
  /* Brand blue */
  --itvp-blue-50:#EEF3FF;   /* tint bands, button hover */
  --itvp-blue-100:#C6D2FF;
  --itvp-blue-600:#2E5BE6;  /* PRIMARY — links, CTAs, active nav */
  --itvp-blue-700:#1F44C4;  /* hover / gradient end */

  /* Secondary accents */
  --itvp-violet-500:#7A5AF8;  /* radial glows */
  --itvp-violet-50:#EFEAFE;
  --itvp-cyan-500:#19C2D8;    /* top-bar phone accent */
  --itvp-green-500:#0FA36B;   /* checkmarks, "available" */

  /* Ink & surfaces */
  --itvp-ink:#10132B;          /* headings, dark buttons, top bar */
  --itvp-ink-700:#2B3044;      /* nav text */
  --itvp-muted:#5A6072;        /* body copy */
  --itvp-muted-2:#7B839E;      /* fine print */
  --itvp-footer-link:#A7ADC6;
  --itvp-surface:#FFFFFF;
  --itvp-surface-alt:#F7F8FC;
  --itvp-surface-dark:#0D0F22; /* footer */
  --itvp-border:#E6E9F4;
  --itvp-border-2:#F0F2F8;
  --itvp-blue-hover:#F2F5FD;    /* dropdown / list-row hover tint */
  --itvp-ink-300:#94A3B4;       /* placeholders, disabled text */

  /* Type — ONE family, weights 400-800 */
  --itvp-font:'Plus Jakarta Sans',system-ui,sans-serif;
  --itvp-h1:52px; --itvp-h2:34px; --itvp-h3:21px;
  --itvp-base:16px; --itvp-sm:14px; --itvp-xs:13.5px; --itvp-fine:11.5px;

  /* Radius */
  --itvp-r-sm:6px; --itvp-r-md:12px; --itvp-r-lg:18px;
  --itvp-r-xl:22px; --itvp-r-2xl:28px; --itvp-r-pill:999px;

  /* Layout */
  --itvp-container:1200px;
  --itvp-gutter:24px;
  --itvp-section-y:80px;
  --itvp-header-h:74px;         /* used by :target scroll-margin */
  --itvp-ease:cubic-bezier(.4,0,.2,1);
}
@media(max-width:1024px){:root{--itvp-h1:40px;--itvp-h2:28px;--itvp-section-y:60px}}
@media(max-width:767px){:root{--itvp-h1:32px;--itvp-h2:25px;--itvp-section-y:48px;--itvp-gutter:20px}}