/* ============================================================
   Inkanyezi Inyanga Trading — design tokens
   Brand colours taken from IIT_Logo_Pack: navy #07234E, amber #F19210.
   site.css consumes these; nothing here targets components.
   ============================================================ */

:root{
  /* ---- Brand ---- */
  --iit-navy:#07234E;          /* primary brand navy — headings, header, hero */
  --iit-deep:#04182F;          /* deeper navy — footer, strips, slabs, hovers */
  --iit-amber:#F19210;         /* accent — rules, kickers, primary buttons */

  /* ---- Surfaces ---- */
  --iit-paper:#F2F4F6;         /* page background (cards sit on it in white) */

  /* ---- Ink on light ---- */
  --iit-ink:#152437;           /* default body text */
  --iit-ink-body:#3A4A5C;      /* longer-form paragraph text */
  --iit-steel:#6B7B8C;         /* muted meta, kickers, captions */

  /* ---- Ink on navy (descending emphasis) ---- */
  --iit-on-navy-1:rgba(255,255,255,.94);
  --iit-on-navy-2:rgba(255,255,255,.82);
  --iit-on-navy-3:rgba(255,255,255,.72);
  --iit-on-navy-4:rgba(255,255,255,.60);
  --iit-on-navy-5:rgba(255,255,255,.50);
  --iit-on-navy-6:rgba(255,255,255,.42);

  /* ---- Lines ---- */
  --iit-line:#DFE4EA;                          /* borders on light surfaces */
  --iit-line-3:#E8ECF0;                        /* lighter hairline, list rows */
  --iit-line-dark:#0A2748;                     /* borders between dark sections */
  --iit-line-navy:rgba(255,255,255,.14);       /* borders inside dark surfaces */
  --iit-stroke-navy-soft:rgba(255,255,255,.35);/* ghost button outline */

  /* ---- Status ---- */
  --iit-fail:#D14343;

  /* ---- Type ---- */
  --iit-font-display:"Archivo","Segoe UI",Arial,Helvetica,sans-serif;
  --iit-font-text:"Inter","Segoe UI",Arial,Helvetica,sans-serif;
  --iit-font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
  --iit-font-logo:"Archivo Black","Archivo","Segoe UI",Arial,Helvetica,sans-serif;

  /* ---- Motion ---- */
  --iit-dur:.18s;
  --iit-ease:cubic-bezier(.2,.6,.2,1);
}

@media (prefers-reduced-motion:reduce){
  :root{--iit-dur:0s}
  html{scroll-behavior:auto}
}