/* ============================================================
   UNIWEBAPPS — Design Tokens  (Premium editorial re-skin)
   Light "paper" theme. Poppins + Instrument Serif accent.
   Brand blues extracted from the logo.
   ============================================================ */

:root {
  /* ---- Brand colors (from logo gradient) ---- */
  --uwa-blue-deep: #1731A6;   /* deep royal blue (left of mark)  */
  --uwa-blue: #2456E6;        /* primary blue                    */
  --uwa-blue-soft: #4C7BF3;   /* lighter primary                 */
  --uwa-cyan: #27C0F0;        /* bright cyan (right of mark)      */
  --uwa-ink: #101A34;         /* near-black ink — headings/text  */

  --uwa-grad: linear-gradient(100deg, #1731A6 0%, #2456E6 46%, #27C0F0 100%);
  --uwa-grad-navy: linear-gradient(160deg, #13223F 0%, #0B1428 100%);

  /* ---- Surfaces (warm "paper" premium light) ---- */
  --uwa-paper: #F5F4EF;       /* body — soft warm off-white      */
  --uwa-bg: #F5F4EF;
  --uwa-bg-alt: #FFFFFF;      /* alt sections / cards            */
  --uwa-bg-dark: #0E1526;     /* footer / dark sections          */
  --uwa-tint: #EDF3FD;        /* soft blue-tinted section        */
  --uwa-surface: #FFFFFF;
  --uwa-surface-warm: #FBFAF6;
  --uwa-border: #E4E2DA;      /* warm hairline                   */
  --uwa-border-ink: #DDDBD2;
  --uwa-border-dark: rgba(255,255,255,0.12);

  /* ---- Text (all readable text ≥ 16px) ---- */
  --uwa-t1: #101A34;   /* primary — ink       */
  --uwa-t2: #4E5568;   /* secondary — body    */
  --uwa-t3: #85879A;   /* muted               */
  --uwa-tw: #FBFAF6;   /* on dark             */
  --uwa-tw-soft: #A6ABBC;

  /* ---- Typography ---- */
  --uwa-fh: 'Poppins', system-ui, -apple-system, sans-serif;   /* headings / body */
  --uwa-fb: 'Poppins', system-ui, -apple-system, sans-serif;
  --uwa-fs: 'Poppins', system-ui, -apple-system, sans-serif; /* (serif removed — Poppins) */

  --uwa-fs-display: clamp(2.5rem, 1.7rem + 3.4vw, 4.5rem);   /* hero — controlled, editorial */
  --uwa-fs-h1: clamp(2.6rem, 1.6rem + 4vw, 4.75rem);
  --uwa-fs-h2: clamp(2.1rem, 1.4rem + 3vw, 3.6rem);
  --uwa-fs-h3: clamp(1.45rem, 1.15rem + 1.1vw, 2rem);
  --uwa-fs-h4: clamp(1.15rem, 1.05rem + 0.4vw, 1.4rem);
  --uwa-fs-lead: clamp(1.125rem, 1rem + 0.5vw, 1.4rem);
  --uwa-fs-body: 1rem;       /* 16px — minimum */
  --uwa-fs-small: 1rem;      /* 16px — never smaller for links/paras */
  --uwa-fs-label: 0.8125rem; /* 13px — decorative uppercase overlines only */

  /* ---- Spacing scale ---- */
  --uwa-sp-xs: 0.25rem;
  --uwa-sp-sm: 0.5rem;
  --uwa-sp-md: 1rem;
  --uwa-sp-lg: 1.5rem;
  --uwa-sp-xl: 2.75rem;
  --uwa-sp-2xl: 5.5rem;
  --uwa-sp-3xl: 9rem;

  /* ---- Radius ---- */
  --uwa-r-sm: 10px;
  --uwa-r-md: 18px;
  --uwa-r-lg: 26px;
  --uwa-r-xl: 36px;
  --uwa-r-full: 9999px;

  /* ---- Shadows (soft, warm) ---- */
  --uwa-shadow-sm: 0 2px 12px rgba(16, 26, 52, 0.05);
  --uwa-shadow-md: 0 16px 44px rgba(16, 26, 52, 0.08);
  --uwa-shadow-lg: 0 34px 80px rgba(16, 26, 52, 0.14);
  --uwa-shadow-glow: 0 16px 34px rgba(36, 86, 230, 0.30);

  /* ---- Motion ---- */
  --uwa-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --uwa-duration: 0.5s;

  /* ---- Layout ---- */
  --uwa-container: 1200px;
  --uwa-container-wide: 1380px;
  --uwa-nav-h: 94px;
  --uwa-marquee-h: 76px;
}