/* This document is for all of the branding that is meant to be used on the website */

/* Fixing the theme code */
.card-dark {background-color: #202225; color: #FFFFFF;}

/* ------------------------------------------------------------------------------------------------------------------ */

/* Branding - Primary Branding - Background */
                         .bg-primarybrand                {background-color: #8B2D59;}
/* Dark Moderate Pink */ .bg-primarybrand-websafe        {background-color: #993366;}
/* systemPurple       */ .bg-primarybrand-human          {background-color: #BF5AF2;}
/* Pink 800           */ .bg-primarybrand-material       {background-color: #AD1457;}
/* Magenta            */ .bg-primarybrand-fluent         {background-color: #BF0077;}
/* Magenta            */ .bg-primarybrand-wp8            {background-color: #D80073;}

/* Branding - Primary Branding - Foreground */
                         .fg-primarybrand                {color: #8B2D59;}
/* Dark Moderate Pink */ .fg-primarybrand-websafe        {color: #993366;}
/* systemPurple       */ .fg-primarybrand-human          {color: #BF5AF2;}
/* Pink 800           */ .fg-primarybrand-material       {color: #AD1457;}
/* Strong Pink        */ .fg-primarybrand-fluent         {color: #BF0077;}
/* Magenta            */ .fg-primarybrand-wp8            {color: #D80073;}

/* Branding - Secondary Branding - Foreground (Hover) */
                         .fg-primarybrand:hover          {color: #8B2D59;}
/* Dark Moderate Pink */ .fg-primarybrand-websafe:hover  {color: #993366;}
/* systemPurple       */ .fg-primarybrand-human:hover    {color: #BF5AF2;}
/* Pink 800           */ .fg-primarybrand-material:hover {color: #AD1457;}
/* Magenta            */ .fg-primarybrand-fluent:hover   {color: #BF0077;}
/* Magenta            */ .fg-primarybrand-wp8:hover      {color: #D80073;}

/* ------------------------------------------------------------------------------------------------------------------ */

/* Branding - Secondary Branding - Background */
                         .bg-secondarybrand                  {background-color: #F9D7E8;}
/* Very pale magenta  */ .bg-secondarybrand-websafe          {background-color: #FFCCFF;}
/* systemPink         */ .bg-secondarybrand-human            {background-color: #FF375F;}
/* Pink 100           */ .bg-secondarybrand-material         {background-color: #F8BBD0;}
/* Pure Pink          */ .bg-secondarybrand-fluent           {background-color: #EA005E;}
/* Soft Pink          */ .bg-secondarybrand-wp8              {background-color: #F472D0;}

/* Branding - Secondary Branding - Foreground */
                         .fg-secondarybrand                  {color: #F9D7E8;}
/* Very pale magenta  */ .fg-secondarybrand-websafe          {color: #FFCCFF;}
/* systemPink         */ .fg-secondarybrand-human            {color: #FF375F;}
/* Pink 100           */ .fg-secondarybrand-material         {color: #F8BBD0;}
/* Pure Pink          */ .fg-secondarybrand-fluent           {color: #EA005E;}
/* Soft Pink          */ .fg-secondarybrand-wp8              {color: #F472D0;}

/* Branding - Secondary Branding - Foreground (Hover) */
                         .fg-secondarybrand:hover            {color: #F9D7E8;}
/* Very pale magenta  */ .fg-secondarybrand-websafe:hover    {color: #FFCCFF;}
/* systemPink         */ .fg-secondarybrand-human:hover      {color: #FF375F;}
/* Pink 100           */ .fg-secondarybrand-material:hover   {color: #F8BBD0;}
/* Pure Pink          */ .fg-secondarybrand-fluent:hover     {color: #EA005E;}
/* Soft Pink          */ .fg-secondarybrand-wp8:hover        {color: #F472D0;}

/* ------------------------------------------------------------------------------------------------------------------ */

/* Branding - Partner Branding - Background */
                         .bg-partnershipbrand                {background-color: #2D598B;}
/* Dark Moderate Blue */ .bg-partnershipbrand-websafe        {background-color: #336699;}
/* systemBlue         */ .bg-partnershipbrand-human          {background-color: #0A84FF;}
/* Blue 800           */ .bg-partnershipbrand-material       {background-color: #1565C0;}
/* Dark Blue          */ .bg-partnershipbrand-fluent         {background-color: #0063B1;}
/* Cobalt             */ .bg-partnershipbrand-wp8            {background-color: #0050EF;}

/* Branding - Partner Branding - Foreground */
                         .fg-partnershipbrand                {color: #2D598B;}
/* Dark Moderate Blue */ .fg-partnershipbrand-websafe        {color: #336699;}
/* systemBlue         */ .fg-partnershipbrand-human          {color: #0A84FF;}
/* Blue 800           */ .fg-partnershipbrand-material       {color: #1565C0;}
/* Dark Blue          */ .fg-partnershipbrand-fluent         {color: #0063B1;}
/* Cobalt             */ .fg-partnershipbrand-wp8            {color: #0050EF;}

/* Branding - Partner Branding - Foreground (Hover) */
                         .fg-partnershipbrand:hover          {color: #2D598B;}
/* Dark Moderate Blue */ .fg-partnershipbrand-websafe:hover  {color: #336699;}
/* systemBlue         */ .fg-partnershipbrand-human:hover    {color: #0A84FF;}
/* Blue 800           */ .fg-partnershipbrand-material:hover {color: #1565C0;}
/* Dark Blue          */ .fg-partnershipbrand-fluent:hover   {color: #0063B1;}
/* Cobalt             */ .fg-partnershipbrand-wp8:hover      {color: #0050EF;}

/* ------------------------------------------------------------------------------------------------------------------ */

/* Branding - Patreon Branding - Background */
/* Light Red          */ .bg-patreon                         {background-color: #FF424D;}

/* Branding - Patreon Branding - Foreground */
/* Light Red          */ .fg-patreon                         {color: #FF424D;}

/* Branding - Patreon Branding - Foreground (Hover) */
/* Light Red          */ .fg-patreon:hover                   {color: #FF424D;}

/* ------------------------------------------------------------------------------------------------------------------ */