/* ==========================================================================
   TIGER STRUK — Design Tokens
   Brand palette per brand guidelines (Colour Palette sheet)
   ========================================================================== */

:root {
  /* ---- Brand colours (matched to production banner) ---- */
  --c-navy:   #011B44;  /* Deep Industrial Navy  */
  --c-steel:  #166091;  /* Tiger Steel Blue      */
  --c-silver: #8A8F94;  /* Metallic Silver       */
  --c-orange: #F16920;  /* Safety Orange         */

  /* ---- Derived surfaces ---- */
  --c-paper:     #F4F6F8;             /* light section background      */
  --c-white:     #FFFFFF;
  --c-navy-deep: #00112E;             /* darker navy for footer/bands  */
  --c-line:      rgba(1, 27, 68, .12);
  --c-line-inv:  rgba(255, 255, 255, .14);
  --c-ink:       var(--c-navy);       /* default text on light         */
  --c-ink-soft:  #44566B;             /* secondary text on light       */
  --c-ink-inv:   #E9EFF5;             /* text on navy                  */
  --c-ink-inv-soft: #9FB4C8;          /* secondary text on navy        */

  /* ---- Typography ---- */
  --font-display: "Archivo Black", "Archivo", sans-serif;
  --font-body:    "Archivo", system-ui, sans-serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, monospace;

  /* Fluid type scale */
  /* Sized so the longest hero word ("REINFORCEMENT", 13 caps ≈ 9.4em)
     always fits the 92vw container at any viewport. */
  --fs-hero:    clamp(1.9rem, 8.8vw, 8.1rem);   /* stacked hero words     */
  --fs-display: clamp(2.2rem, 6vw, 5.25rem);    /* section display lines  */
  --fs-h2:      clamp(1.9rem, 4vw, 3.25rem);
  --fs-h3:      clamp(1.35rem, 2.4vw, 1.9rem);
  --fs-stat:    clamp(2.75rem, 7vw, 6rem);
  --fs-body-lg: clamp(1.05rem, 1.4vw, 1.25rem);
  --fs-body:    1rem;
  --fs-label:   .7rem;                          /* mono eyebrows / [tags] */

  /* ---- Layout ---- */
  --container:   min(92vw, 1320px);
  --space-section: clamp(5rem, 11vw, 9.5rem);
  --space-block:   clamp(2.25rem, 5vw, 4rem);
  --nav-height:  76px;
  --radius:      14px;
  --radius-lg:   26px;

  /* ---- Motion ---- */
  --ease-out:  cubic-bezier(.22, .8, .26, .99);
  --dur:       .65s;
}