/* ============================================================
   AVERAGE5 × KUNI — TOKENS
   Colours extracted from "Average 5 Brand Guidelines.pdf"
   and "KUNI_Brand_Brief.pdf". Nothing outside this file.
   ============================================================ */

/* ---- FONTS -------------------------------------------------
   The Average5 guidelines name four faces:
     INTEGRAL CF EXTRA BOLD · COOLVETICA HEAVY · NEXA LIGHT
     BEER YEERDAY ITALIC
   No font binaries were supplied in the project folder.
   The @font-face blocks below are live slots: drop
   IntegralCF-ExtraBold / Coolvetica-Heavy / Nexa-Light /
   BeerYeerday-Italic (.woff2 + .woff) into /fonts and they
   activate with zero code changes. Until then each falls
   through to the closest system face. No Google Fonts.
   ------------------------------------------------------------ */

@font-face{
  font-family:"IntegralCF";
  src:local("Integral CF Extra Bold"),local("IntegralCF-ExtraBold"),
      url("../fonts/IntegralCF-ExtraBold.woff2") format("woff2"),
      url("../fonts/IntegralCF-ExtraBold.woff")  format("woff");
  font-weight:800; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Coolvetica";
  src:local("Coolvetica Rg Heavy"),local("Coolvetica-Heavy"),local("Coolvetica"),
      url("../fonts/Coolvetica-Heavy.woff2") format("woff2"),
      url("../fonts/Coolvetica-Heavy.woff")  format("woff");
  font-weight:900; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Nexa";
  src:local("Nexa Light"),local("Nexa-Light"),
      url("../fonts/Nexa-Light.woff2") format("woff2"),
      url("../fonts/Nexa-Light.woff")  format("woff");
  font-weight:300; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"BeerYeerday";
  src:local("Beer Yeerday Italic"),local("BeerYeerday-Italic"),
      url("../fonts/BeerYeerday-Italic.woff2") format("woff2"),
      url("../fonts/BeerYeerday-Italic.woff")  format("woff");
  font-style:italic; font-display:swap;
}

:root{
  /* ---- AVERAGE5 · primary ---- */
  --a5-shadow:#0F0F0F;      /* Baseline Shadow */
  --a5-canvas:#E5E4DA;      /* Quiet Canvas   */
  --a5-gold:#E5B120;        /* Golden          */
  /* ---- AVERAGE5 · secondary ---- */
  --a5-purple:#7F47DD;      /* Shift Purple    */
  --a5-green:#009245;       /* Forward Green   */

  /* ---- KUNI ---- */
  --k-ink:#0B0B0B;
  --k-bone:#EFE9E1;
  --k-blush:#D8C3B8;
  --k-taupe:#B7978A;
  --k-stone:#8A817B;
  --k-milk:#F4EFE8;

  /* ---- TYPE STACKS ---- */
  --f-display:"IntegralCF","Coolvetica","Helvetica Neue",Impact,
              "Arial Narrow Bold",sans-serif;
  --f-head:"Coolvetica","Helvetica Neue",Helvetica,Arial,sans-serif;
  --f-body:"Nexa","Helvetica Neue",Helvetica,Arial,sans-serif;
  --f-script:"BeerYeerday","Snell Roundhand","Brush Script MT",cursive;
  /* KUNI world: thin high-contrast serif + Arabic Naskh */
  --f-serif:"Didot","Bodoni 72","Bodoni MT","Playfair Display",
            "Times New Roman",Georgia,serif;
  --f-ar:"Noto Naskh Arabic","Al Bayan","Geeza Pro","Baghdad",
         "Traditional Arabic","Times New Roman",serif;

  /* ---- SCALE ---- */
  --t-xl:clamp(3.4rem,11vw,10.5rem);
  --t-lg:clamp(2.4rem,6.6vw,6rem);
  --t-md:clamp(1.5rem,3.2vw,2.8rem);
  --t-sm:clamp(0.95rem,1.25vw,1.15rem);
  --t-xs:clamp(0.62rem,0.78vw,0.76rem);

  --pad:clamp(1.5rem,5vw,6rem);
  --rail:2px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --slow:1.15s;
}