/* =====================================================
   FCASP Hub -- Shared Color Palette
   =====================================================
   Seven-color cycle used across all counties.

   Counties reference these variables from their own
   stylesheet, which lets one edit recolor every page
   for that county.

   The master list of counties and their positions lives
   in /counties.js. Do not maintain a parallel ledger
   here. To see which county uses which cycle, read
   counties.js.
   ===================================================== */

:root {
  /* Cycle 1 -- Burgundy */
  --cycle-1:        #722F37;
  --cycle-1-rgb:    114, 47, 55;
  --cycle-1-light:  #9E5660;
  --cycle-1-dim:    #F4E8EA;

  /* Cycle 2 -- Copper Orange */
  --cycle-2:        #BE6430;
  --cycle-2-rgb:    190, 100, 48;
  --cycle-2-light:  #D88954;
  --cycle-2-dim:    #FAEDE2;

  /* Cycle 3 -- Yellow Gold */
  --cycle-3:        #B8892B;
  --cycle-3-rgb:    184, 137, 43;
  --cycle-3-light:  #D4A94E;
  --cycle-3-dim:    #FAF2DF;

  /* Cycle 4 -- Green */
  --cycle-4:        #5A8A5F;
  --cycle-4-rgb:    90, 138, 95;
  --cycle-4-light:  #82A987;
  --cycle-4-dim:    #E8F0E9;

  /* Cycle 5 -- Teal */
  --cycle-5:        #3E9A96;
  --cycle-5-rgb:    62, 154, 150;
  --cycle-5-light:  #6AB8B4;
  --cycle-5-dim:    #E3F2F1;

  /* Cycle 6 -- Blue */
  --cycle-6:        #3A5A78;
  --cycle-6-rgb:    58, 90, 120;
  --cycle-6-light:  #6680A0;
  --cycle-6-dim:    #E5ECF3;

  /* Cycle 7 -- Violet */
  --cycle-7:        #7A4F8C;
  --cycle-7-rgb:    122, 79, 140;
  --cycle-7-light:  #9E76AE;
  --cycle-7-dim:    #EFE8F4;
}