:root {

  /* Core Brand */
  --ackee-red:        #B34100;
  --ackee-leaf:       #ABB93D;
  --ackee-gold:       #D4AF37;

  /* Foliage Scale */
  --leaf-tinge:       #F4F6E4;
  --leaf-light:       #99A834;
  --leaf-mid:         #88962D;
  --leaf-dark:        #768526;

  /* Interactive */
  --dustyblue:        #5A7D9A;
  --gold:             #E6C48C;
  --dustygreen:       #4D7C6F;
  --plumred:          #844C5A;

  /* Surface */
  --bg-ivory:         #FCF8EF;
  --bg-sand:          #F5EFE2;
  --bg-lightsage:     #F4F6F2;
  --bg-ackeepod:      #FFF5F0;

  /* Typography */
  --text-charcoal:    #2B2B2B;
  --text-slate:       #708090;
  --darkborder:       #3A3D40;
  --lightborder:      #E2E2E2;

  /* Semantic */
  --forest-green:     #6B7D2F;
  --deep-red:         #913200;
  --silver-gray:      #D1D5DB;

  /* Framework */
  --primary-color:    #007bff;
  --secondary-color:  #6c757d;
  --success-color:    #28a745;
  --danger-color:     #dc3545;
  --warning-color:    #ffc107;
  --info-color:       #17a2b8;
  --light-color:      #f8f9fa;
  --dark-color:       #343a40;
}