/* FGS Advisory — Colour tokens
   Official palette (Mini Brand Guide 4.1): Yellow #f6a81c, Black #000000, White.
   "We use yellow and black to create a bold, high-contrast visual identity that
   exudes energy, confidence, and clarity." The amber scale + neutral grays are
   derived from those two anchors. Semantic status colours are an intentional
   addition for UI work (see readme) — not part of the printed guide. */
:root {
  /* Brand amber (base = #f6a81c) */
  --amber-50:  #fef8ec;
  --amber-100: #fdecc8;
  --amber-200: #fbdc95;
  --amber-300: #f9c95c;
  --amber-400: #f7b634;
  --amber-500: #f6a81c; /* brand yellow */
  --amber-600: #db8f0a;
  --amber-700: #b0710a;
  --amber-800: #8a5910;
  --amber-900: #6b4611;

  /* Neutral — anchored on true black */
  --black:     #000000;
  --gray-950:  #0a0a0b;
  --gray-900:  #141416;
  --gray-800:  #232428;
  --gray-700:  #35373d;
  --gray-600:  #52555d;
  --gray-500:  #767a83;
  --gray-400:  #a1a5ad;
  --gray-300:  #c9ccd2;
  --gray-200:  #e4e6ea;
  --gray-100:  #f1f2f4;
  --gray-50:   #f8f9fa;
  --white:     #ffffff;

  /* Brand gradient — website banners only, "use sparingly, once per page" (guide 3.3).
     Approximated from the amber anchor; confirm against the source .eps gradient. */
  /* Official brand gradient (from uploads/Gradient.png): bright yellow -> warm orange.
     Exact raster available at assets/gradient-brand.png for photographic fidelity. */
  --gradient-brand: linear-gradient(115deg, #f7d020 0%, #f6a01c 52%, #f38920 100%); /* @kind color */
  --gradient-ink:   linear-gradient(160deg, #232428 0%, #000000 100%); /* @kind color */

  /* Semantic status (derived addition) */
  --green-500:  #1f9d55;
  --red-500:    #d93a3a;
  --blue-500:   #2c6ecb;
}