/* ============================================================
   mb.io — CANONICAL COLOR SYSTEM
   Last updated: March 2026
   Usage: import into any mb.io project or paste into colors.md
   ============================================================ */

:root {

  /* ----------------------------------------------------------
     GOLD — Primary Brand Color
     Base: #ffa900
  ---------------------------------------------------------- */
  --gold:         #ffa900;

  --gold-dark-1:  #e69800;
  --gold-dark-2:  #cc8700;
  --gold-dark-3:  #b27600;
  --gold-dark-4:  #996500;
  --gold-dark-5:  #805400;
  --gold-dark-6:  #664400;
  --gold-dark-7:  #4d3300;
  --gold-dark-8:  #332200;
  --gold-dark-9:  #191100;
  --gold-dark-10: #000000;

  --gold-light-1:  #ffb21a;
  --gold-light-2:  #ffba33;
  --gold-light-3:  #ffc34c;
  --gold-light-4:  #ffcb66;
  --gold-light-5:  #ffd480;
  --gold-light-6:  #ffdd99;
  --gold-light-7:  #ffe5b2;
  --gold-light-8:  #ffeecc;
  --gold-light-9:  #fff6e6;
  --gold-light-10: #ffffff;

  /* ----------------------------------------------------------
     TURQUOISE — Strong Accent / CTA
     Base: #03B4D7
     Full dark + light scale available
  ---------------------------------------------------------- */
  --cyan:         #03B4D7;

  --cyan-dark-1:  #03a2c2;
  --cyan-dark-2:  #0290ac;
  --cyan-dark-3:  #027e96;
  --cyan-dark-4:  #026c81;
  --cyan-dark-5:  #025a6c;
  --cyan-dark-6:  #014856;
  --cyan-dark-7:  #013641;
  --cyan-dark-8:  #01242b;
  --cyan-dark-9:  #001215;

  --cyan-light-1:  #1cbcdb;
  --cyan-light-2:  #35c3df;
  --cyan-light-3:  #4fcae3;
  --cyan-light-4:  #68d2e7;
  --cyan-light-5:  #81daeb;
  --cyan-light-6:  #9ae1ef;
  --cyan-light-7:  #b3e8f3;
  --cyan-light-8:  #cdf0f7;
  --cyan-light-9:  #e6f8fb;

  /* ----------------------------------------------------------
     DEEP TWILIGHT — Brand Navy
     Base: #03045E
     NOTE: Dark scale collapses to black — do not use.
     Light scale only: 1–7 working range.
  ---------------------------------------------------------- */
  --twilight:         #03045E;

  --twilight-light-1: #1c1d6e;
  --twilight-light-2: #35367e;
  --twilight-light-3: #4f4f8e;
  --twilight-light-4: #68689e;
  --twilight-light-5: #8182ae;
  --twilight-light-6: #9a9bbf;
  --twilight-light-7: #b3b4cf;
  /* light-8 and light-9 approach white — not recommended */

  /* ----------------------------------------------------------
     NEUTRALS
  ---------------------------------------------------------- */
  --off-white:    #F8F7FF;  /* faint violet cast — not pure white */
  --white:        #ffffff;
  --black:        #020202;  /* intentional brand black, slightly warm */

  /* ----------------------------------------------------------
     BACKGROUNDS
  ---------------------------------------------------------- */
  --bg-deep:      #020617;  /* deepest background, near-black */
  --bg-card:      #0f172a;  /* card panels, midnight */
  --bg-mid:       #0B1120;  /* tertiary backgrounds */
  --midnight:     #142E3E;  /* secondary background panels */

}