/* =========================================================
   KTRIAN — Design tokens
   Change brand colours, fonts and sizes here only.
   JS reads these same variables (see js/core.js → themes).
   ========================================================= */
:root{
  /* Brand palette */
  --blue:#3A70C8;          /* primary (was fuchsia)          */
  --on-yellow:#3A70C8;     /* text on yellow backgrounds     */
  --yellow:#F7EB19;        /* secondary (was baby pink)      */
  --pale:#EEF3FB;          /* pale blue tint for light bands */
  --white:#FFFFFF;
  --muted:#CBCBCB;         /* sub text in services, references, how we roll */
  --ink:#16284A;           /* long-form copy on light/yellow */
  --sky:#1CA2F4;           /* logo blue, accents             */
  --line:#7FA3DC;          /* soft rules on blue grounds     */
  --slot-ink:#3A70C8;      /* empty image block label        */
  
  /* Type */
  --font-display:"Anton","Oswald","Impact","Arial Narrow",sans-serif;
  --font-body:var(--font-display);   /* one typeface across the site */
  --fs-display:clamp(4.5rem,14.5vw,15rem);
  --fs-hero-stat:clamp(7rem,26vw,26rem);
  --fs-long:clamp(4.2rem,17vw,17rem);
  --fs-card-title:clamp(2.6rem,5.4vw,6.4rem);
  --fs-preloader:clamp(3.2rem,13.5vw,15rem);

  /* Layout */
  --gutter:clamp(16px,2.5vw,40px);
  --nav-h:2.9rem;
  --radius-lg:clamp(14px,2vw,28px);
  --pill:999px;

  /* Motion */
  --ease:cubic-bezier(.77,0,.18,1);

  color-scheme:light;
}
@font-face{font-family:"Anton";src:url("../assets/fonts/anton-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}