/* ==========================================================================
   INNOVATION — DESIGN TOKENS  (v2 "ledger" system · v2.1 brand-blue palette)
   Innovation Accounting Solutions & Tax Consulting (innovationjo.com)

   Light editorial system, now coloured with the palette the live
   innovationjo.com uses: the Elementor kit's primary #0A75B4, secondary
   #1D96D3 and accent #2BB8EB, the ice-blue page tint #E8F7FF, and the
   deep blue gradient (#0A50B4 → #003652) its service cards and panels
   carry. Every stylesheet reads colour, type and spacing from here.
   ========================================================================== */
:root{
  /* ground — cool ice-blue instead of warm paper */
  --paper:#F5FAFE;        /* page background (live site body: #F9FDFF) */
  --paper-2:#E8F4FC;      /* tinted bands (live kit page tint: #E8F7FF) */
  --paper-3:#D3E6F4;      /* deeper tint: table headers, hover, image wells */
  --white:#FFFFFF;

  /* ink — blue-black instead of charcoal */
  --ink:#0B2540;          /* headings, body on paper */
  --ink-2:#2B4661;        /* secondary body */
  --ink-3:#5E7891;        /* captions, labels */
  --navy:#083B66;         /* brand navy — panels, header, footer, hero accent */
  --navy-2:#0A50B4;       /* lighter royal blue (top of the live gradient) */
  --navy-deep:#003652;    /* bottom of the live gradient */

  /* brand blues — the innovationjo.com Elementor kit */
  --blue:#0A75B4;         /* primary: actions, links, active states */
  --blue-2:#1D96D3;       /* secondary: hover on dark, gradients */
  --sky:#2BB8EB;          /* accent: CTA on dark panels, highlights */
  --blue-deep:#075A8C;    /* hover on light, small text on paper (AA) */
  --blue-tint:#E1F3FC;    /* chips, icon wells, highlights */
  --blue-line:#A8D4EE;

  /* the live site's deep-blue gradient (service cards, panels) */
  --grad-brand:linear-gradient(160deg,#0A50B4 0%,#0A3F82 45%,#003652 100%);
  --grad-header:linear-gradient(90deg,#083B66 0%,#0A4E8F 100%);

  /* WhatsApp (already in use on the live site) */
  --wa:#1FA855;

  /* rules */
  --line:rgba(8,59,102,.14);
  --line-strong:rgba(8,59,102,.30);
  --line-on-navy:rgba(255,255,255,.18);
  --error:#C03A2B;

  /* type — Latin */
  --font-display:'Newsreader',Georgia,'Times New Roman',serif;
  --font-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;

  /* scale */
  --fs-hero:clamp(2.6rem,5.6vw,5.1rem);
  --fs-h1:clamp(2.3rem,4.4vw,3.9rem);
  --fs-h2:clamp(1.9rem,3.3vw,2.9rem);
  --fs-h3:clamp(1.35rem,2vw,1.7rem);
  --fs-lead:clamp(1.05rem,1.35vw,1.22rem);
  --fs-body:1rem;
  --fs-small:.875rem;
  --fs-label:.74rem;

  /* layout */
  --container:1240px;
  --gutter:clamp(18px,4vw,56px);
  --sec:clamp(64px,9vw,120px);
  --r-sm:6px;
  --r-md:12px;
  --r-lg:20px;
  --ease:cubic-bezier(.2,.7,.2,1);
  --shadow-card:0 1px 2px rgba(8,59,102,.05),0 10px 30px -18px rgba(8,59,102,.28);
  --shadow-lift:0 2px 4px rgba(8,59,102,.06),0 24px 48px -24px rgba(8,59,102,.4);
}

/* ---- Arabic (RTL) type ----
   Noto Naskh Arabic carries the editorial serif role; IBM Plex Sans Arabic
   is the body face. Latin tracking rules are switched off for Arabic in
   base.css. */
html[lang="ar"]{
  --font-display:'Noto Naskh Arabic','Amiri',serif;
  --font-body:'IBM Plex Sans Arabic','Segoe UI',Tahoma,sans-serif;
  --fs-hero:clamp(2.4rem,5vw,4.5rem);
  --fs-h1:clamp(2.1rem,4vw,3.5rem);
  --fs-h2:clamp(1.8rem,3vw,2.6rem);
}