/* ==========================================================================
   BUSIGEEK — DESIGN TOKENS
   --------------------------------------------------------------------------
   Every colour, font and shadow used across the site. Load this FIRST, before
   the page stylesheet and before busigeek-nav.css.

   Change a value here and it updates on all four pages. This file is the only
   place a brand colour should ever be defined.

   Load order on every page:
     1. busigeek-tokens.css   <- you are here
     2. busigeek-<page>.css   <- that page's own layout and sections
     3. busigeek-nav.css      <- shared header, must win, so it loads last
   ========================================================================== */
:root {
  /* ---- Brand ---------------------------------------------------------- */
  --green: #13c779;
  /* primary action / accent            */
  --green-2: #0c9f5a;
  /* darker green, hover + active nav   */
  --green-soft: #e7f8ef;
  /* pale green background wash         */
  --green-3: #e7f8ef;
  /* legacy alias of --green-soft       */
  --blue: #91c6ff;
  /* used on dark sections only         */
  --red: #ef5b5b;
  /* "before" / problem states          */
  --amber: #f1a94d;
  /* warnings, partial states           */
  /* ---- Neutrals ------------------------------------------------------- */
  --bg: #f7f8f4;
  /* page background                    */
  --ink: #07130f;
  /* headings                           */
  --text: #26352d;
  /* body copy                          */
  --muted: #62756b;
  /* secondary copy, captions           */
  --line: rgba(7, 19, 15, .12);
  /* hairline borders      */
  --line-strong: rgba(7, 19, 15, .18);
  /* visible borders       */
  /* ---- Dark sections -------------------------------------------------- */
  --dark-2: #0f1d19;
  --dark-3: #12261f;
  /* ---- Typography ----------------------------------------------------- */
  --font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Manrope", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  /* ---- Corner radii --------------------------------------------------- */
  --radius-xl: 32px;
  --radius-lg: 24px;
  --radius-md: 18px;
  /* ---- Elevation ------------------------------------------------------ */
  --shadow-lg: 0 28px 80px rgba(7, 19, 15, .14);
}

/* --------------------------------------------------------------------------
   NOT DEFINED HERE (yet)

   These four tokens hold slightly different values on the homepage than on
   the three inner pages. They are almost certainly unintentional drift, but
   unifying them would change the homepage's appearance, so each page still
   declares its own. They are marked "PAGE TOKEN OVERRIDE" in the page files.

     token          homepage                    inner pages
     --surface      #ffffff                     #fff              (same colour)
     --surface-2    #f0f5f2                     #eef5f1
     --dark         #0a1411                     #08110e
     --shadow-md    0 18px 42px rgba(...,.10)   0 18px 42px rgba(...,.09)

   To unify: pick one value per row, move it into the :root block above, and
   delete the PAGE TOKEN OVERRIDE block from all four page stylesheets.
   -------------------------------------------------------------------------- */