/* =====================================================================
   vars.css: PromotEdge look, ported for promotedgedigital.com (I-004).
   Values match growth/specs/brand/ (d391.css and India's base tokens, read
   30 Oct 2026). Token names are kept the same on purpose, so a change on
   promotedge.com can be copied here in one edit. Colours and sizes only;
   no page text. Our section orders live in site/build/templates.py.
   ===================================================================== */
@font-face{ font-family: "PJ Fallback"; font-weight: 400; src: local("Arial"), local("ArialMT"), local("Helvetica");
  size-adjust: 104.9%; ascent-override: 99.1%; descent-override: 21.0%; line-gap-override: 0%; }
@font-face{ font-family: "PJ Fallback"; font-weight: 700; src: local("Arial Bold"), local("Arial-BoldMT"), local("Helvetica Bold");
  size-adjust: 101.0%; ascent-override: 103.0%; descent-override: 21.8%; line-gap-override: 0%; }

:root{
  --m-font: "Plus Jakarta Sans", "PJ Fallback", system-ui, -apple-system, "Segoe UI", sans-serif;
  /* surfaces and ink */
  --m-paper: #ffffff; --m-surface: #f5f7fb; --m-mist: #f5f7fb; --m-grey: #f5f5f5; --m-line: #e3e8f0;
  --m-ink: #1b2333; --m-ink-2: #46506a; --m-ink-3: #6b7489;
  /* brand */
  --m-blue: #0b5fd9; --m-blue-ink: #ffffff; --m-blue-soft: #e5f0ff; --m-royal: #1452a4;
  --m-night: #060d22; --m-night-2: #0a1f55; --m-indigo: #1a2a8a;
  /* seven pastel tones */
  --t-sky: #e5f0ff;      --i-sky: #0b4a9e;
  --t-mint: #dcf5e9;     --i-mint: #0e6b44;
  --t-peach: #ffe7da;    --i-peach: #9a3b0e;
  --t-lavender: #ece7ff; --i-lavender: #4e35a6;
  --t-butter: #fff3c9;   --i-butter: #765600;
  --t-rose: #ffe4ee;     --i-rose: #9b1e4f;
  --t-teal: #d9f3f2;     --i-teal: #0d6464;
  /* gradients */
  --g-mist: linear-gradient(180deg, #ffffff 0%, #f5f7fb 100%);
  --g-hero: linear-gradient(180deg, #f5f7fb 0%, #ffffff 100%);
  --g-night: linear-gradient(135deg, #060d22 0%, #0a1f55 55%, #1a2a8a 100%);
  /* on navy */
  --on-night: #ffffff; --on-night-2: rgba(232, 238, 252, .80); --on-night-3: rgba(232, 238, 252, .64);
  --night-line: rgba(255, 255, 255, .12); --night-card: rgba(255, 255, 255, .055);
  /* type */
  --fs-h1: clamp(34px, 4.4vw, 56px); --fs-h2: clamp(28px, 3.1vw, 40px); --fs-h3: 19px;
  --fs-lead: clamp(17px, 1.6vw, 20px); --fs-body: 17px; --fs-small: 14.5px;
  /* shape and rhythm */
  --m-r-lg: 24px; --m-r: 18px; --m-r-sm: 12px;
  --m-shadow: 0 1px 2px rgb(27 35 51 / 6%), 0 2px 8px rgb(27 35 51 / 5%);
  --m-shadow-up: 0 6px 18px rgb(27 35 51 / 10%), 0 2px 4px rgb(27 35 51 / 6%);
  --sec-pad: clamp(56px, 7vw, 96px); --wrap: 1200px; --gutter: 16px;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
}