/* ===========================================================================
   Paynovate Brand Hub — design tokens
   ---------------------------------------------------------------------------
   Values sourced from the live site, paynovate.webflow.io
   (CSS custom properties + computed styles).
   =========================================================================== */

:root {
  /* --- Brand colours --- */
  --pv-primary:    #84003F;   /* primary — magenta */
  --pv-magenta:    #84003F;   /* alias of primary */
  --pv-purple:     #491754;   /* secondary — deep purple */
  --pv-blue:       #266CB2;   /* accent — blue */
  --pv-surface:    #F9F8FC;   /* bg-1 — page background */
  --pv-surface-2:  #EFF0F5;   /* bg-2 */
  --pv-light-blue: #F3F9FF;
  --pv-neutral:    #EBEBEC;   /* grey-20 */
  --pv-black:      #171719;   /* grey-90 */
  --pv-white:      #FFFFFF;

  /* --- Derived purple shades --- */
  --pv-purple-deep: #2E0E37;
  --pv-purple-700:  #3A1145;
  --pv-purple-tint: #9B7AA6;

  /* --- Text & lines --- */
  --pv-ink:      #2B2C30;   /* text-1 */
  --pv-ink-soft: #5A5B61;   /* text-2 */
  --pv-ink-mute: #888A90;   /* text-3 */
  --pv-line:     #DADADC;   /* grey-30 — hairlines */

  /* --- Typography — Inter (the live site's primary font) --- */
  --pv-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
             Helvetica, Arial, sans-serif;
  --fs-display: 46px;
  --fs-h1:      32px;
  --fs-h2:      26px;
  --fs-h3:      18px;
  --fs-body:    15px;
  --fs-small:   13px;
  --fs-micro:   11px;
  --lh-tight:   1.12;
  --lh-normal:  1.6;
  --tracking:   -0.04em;   /* heading letter-spacing, per the live site */

  /* --- Spacing scale --- */
  --sp-1: 4px;   --sp-2: 8px;   --sp-3: 12px;  --sp-4: 16px;
  --sp-5: 24px;  --sp-6: 32px;  --sp-7: 48px;  --sp-8: 64px;  --sp-9: 96px;

  /* --- Radii --- */
  --radius-sm: 8px;
  --radius:    14px;
  --radius-lg: 22px;

  /* --- Shadows --- */
  --shadow-sm: 0 1px 2px rgba(23, 23, 25, .06);
  --shadow:    0 2px 6px rgba(23, 23, 25, .07), 0 14px 34px rgba(23, 23, 25, .10);

  /* --- Layout --- */
  --sidebar-w: 288px;
}