:root {
  /* Main colors */
--DamenBlueNew:  #2546B1;
--SunsetOrange:  #FF7C52;
--LightBlue:     #D6EBF1;
--SilverBlue:    #F2F6F8;
--MarineBlack:   #011736;
--MarineBlue:    #27355B;

/* Main colors alt */
--FishnetGreen:  #24D18B;
--SeaweedGreen:  #2B8360;
--AlarmRed:      #FF3B3B;
--BordeauxRed:   #880F0F;
--SandYellow:    #FFE072;
--WetYellow:     #CDB998; 

/* Extra highlights */
--SilverBlue:    #F2F6F8;
--GreenLight:    #24D18B;
--GreenDark:     #2B8360;
--RedLight:      #FF3B3B;
--RedDark:       #880F0F;
--YellowLight:   #FFE072;
--YellowDark:    #CDB998;
  
  /* Tones */
  --Silver100:     #F8FAFB;
  --Silver200:     #F2F6F8;
  --Silver300:     #E4E8EB;
  --Silver400:     #D1D5DA;
  --Silver500:     #B3B9C2;
  --Silver600:     #99A2AF;
  --Silver700:     #808B9B;

  --Blue100:       #C2C9EB;
  --Blue200:       #9AA6DD;
  --Blue300:       #7183CF;
  --Blue400:       #5068C5;
  --Blue500:       var(----DamenBlueNew);
  --Blue600:       #193CA5;
  --Blue700:       #001F85;

  --Orange100:     #FED1C0;
  --Orange200:     #FEB29A;
  --Orange300:     #FF9371;
  --Orange400:     var(----SunsetOrange);
  --Orange500:     #FA7247;
  --Orange600:     #F4673B;
  --Orange700:     #EA5E31;

  --LightBlue100:  #F6FBFC;
  --LightBlue200:  #EAF5F8;
  --LightBlue300:  var(----LightBlue);
  --LightBlue400:  #97CDDD;
  --LightBlue500:  #4AACC7;
  --LightBlue600:  #008CB3;
  --LightBlue700:  #0079AA;

  --MarineBlue100: #58678C;
  --MarineBlue200: #4A5B83;
  --MarineBlue300: #3C4F7B;
  --MarineBlue400: #354773;
  --MarineBlue500: #2D3E68;
  --MarineBlue600: var(----MarineBlue);
  --MarineBlue700: #1D2543;
}

.colorscheme-damenblue .primary                  { background-color: var(--SunsetOrange); }
.colorscheme-damenblue .primary-variant          { background-color: var(--LightBlue);    }
.colorscheme-damenblue .secondary                { background-color: var(--SunsetOrange); }
.colorscheme-damenblue .secondary-variant        { background-color: var(--Orange600); }
.colorscheme-damenblue .background               { background-color: var(--DamenBlueNew); }
.colorscheme-damenblue .surface                  { background-color: var(--DamenBlueNew); }
.colorscheme-damenblue .error                    { background-color: var(--AlarmRed); }
.colorscheme-damenblue .onprimary                {            color: white }
.colorscheme-damenblue .onsecondary              {            color: var(--MarineBlack); }
.colorscheme-damenblue .onbackground             {            color: white; }
.colorscheme-damenblue .onsurface                {            color: white; }
.colorscheme-damenblue .onerror                  {            color: var(--MarineBlack); }


.colorscheme-damenlightblue .primary             { background-color: var(--MarineBlack); }
.colorscheme-damenlightblue .primary-variant     { background-color: var(--MarineBlue); }
.colorscheme-damenlightblue .secondary           { background-color: var(--SunsetOrange); }
.colorscheme-damenlightblue .secondary-variant   { background-color: var(--Orange600); }
.colorscheme-damenlightblue .background          { background-color: var(--LightBlue); }
.colorscheme-damenlightblue .surface             { background-color: var(--LightBlue); }
.colorscheme-damenlightblue .error               { background-color: var(--BordeauxRed); }
.colorscheme-damenlightblue .onprimary           {            color: white; }
.colorscheme-damenlightblue .onsecondary         {            color: white; }
.colorscheme-damenlightblue .onbackground        {            color: var(--MarineBlack); }
.colorscheme-damenlightblue .onsurface           {            color: var(--MarineBlack); }
.colorscheme-damenlightblue .onerror             {            color: white; }

/*
.colorscheme-damensilvergrey .primary            { background-color: var(--MarineBlack); }
.colorscheme-damensilvergrey .primary-variant    { background-color: var(--MarineBlue); }
.colorscheme-damensilvergrey .secondary          { background-color: var(--SunsetOrange); }
.colorscheme-damensilvergrey .secondary-variant  { background-color: var(--Orange600); }
.colorscheme-damensilvergrey .background         { background-color: white; }
.colorscheme-damensilvergrey .surface            { background-color: white; }
.colorscheme-damensilvergrey .error              { background-color: var(--BordeauxRed); }
.colorscheme-damensilvergrey .onprimary          {            color: white; }
.colorscheme-damensilvergrey .onsecondary        {            color: white; }
.colorscheme-damensilvergrey .onbackground       {            color: var(--MarineBlack); }
.colorscheme-damensilvergrey .onsurface          {            color: var(--MarineBlack); }
.colorscheme-damensilvergrey .onerror            {            color: white; }
*/

.colorscheme-damenwhite .primary                 { background-color: var(--MarineBlack); }
.colorscheme-damenwhite .primary-variant         { background-color: var(--MarineBlue); }
.colorscheme-damenwhite .secondary               { background-color: var(--SunsetOrange); }
.colorscheme-damenwhite .secondary-variant       { background-color: var(--Orange600); }
.colorscheme-damenwhite .background              { background-color: white; }
.colorscheme-damenwhite .surface                 { background-color: white; }
.colorscheme-damenwhite .error                   { background-color: var(--BordeauxRed); }
.colorscheme-damenwhite .onprimary               {            color: white; }
.colorscheme-damenwhite .onsecondary             {            color: white; }
.colorscheme-damenwhite .onbackground            {            color: var(--MarineBlack); }
.colorscheme-damenwhite .onsurface               {            color: var(--MarineBlack); }
.colorscheme-damenwhite .onerror                 {            color: white; }

.colorscheme-damenblue .primary                  { background-color: var(--SunsetOrange); }
.colorscheme-damenblue .primary-variant          { background-color: var(--LightBlue);    }
.colorscheme-damenblue .secondary                { background-color: var(--SunsetOrange); }
.colorscheme-damenblue .secondary-variant        { background-color: var(--Orange600); }
.colorscheme-damenblue .background               { background-color: var(--DamenBlueNew); }
.colorscheme-damenblue .surface                  { background-color: var(--DamenBlueNew); }
.colorscheme-damenblue .error                    { background-color: var(--AlarmRed); }
.colorscheme-damenblue .onprimary                {            color: white }
.colorscheme-damenblue .onsecondary              {            color: var(--MarineBlack); }
.colorscheme-damenblue .onbackground             {            color: white; }
.colorscheme-damenblue .onsurface                {            color: white; }
.colorscheme-damenblue .onerror                  {            color: var(--MarineBlack); }


.colorscheme-damenlightblue.primary             { background-color: var(--MarineBlack); }
.colorscheme-damenlightblue.primary-variant     { background-color: var(--MarineBlue); }
.colorscheme-damenlightblue.secondary           { background-color: var(--SunsetOrange); }
.colorscheme-damenlightblue.secondary-variant   { background-color: var(--Orange600); }
.colorscheme-damenlightblue.background          { background-color: var(--LightBlue); }
.colorscheme-damenlightblue.surface             { background-color: var(--LightBlue); }
.colorscheme-damenlightblue.error               { background-color: var(--BordeauxRed); }
.colorscheme-damenlightblue.onprimary           {            color: white; }
.colorscheme-damenlightblue.onsecondary         {            color: white; }
.colorscheme-damenlightblue.onbackground        {            color: var(--MarineBlack); }
.colorscheme-damenlightblue.onsurface           {            color: var(--MarineBlack); }
.colorscheme-damenlightblue.onerror             {            color: white; }

/*
.colorscheme-damensilvergrey.primary            { background-color: var(--MarineBlack); }
.colorscheme-damensilvergrey.primary-variant    { background-color: var(--MarineBlue); }
.colorscheme-damensilvergrey.secondary          { background-color: var(--SunsetOrange); }
.colorscheme-damensilvergrey.secondary-variant  { background-color: var(--Orange600); }
.colorscheme-damensilvergrey.background         { background-color: white; }
.colorscheme-damensilvergrey.surface            { background-color: white; }
.colorscheme-damensilvergrey.error              { background-color: var(--BordeauxRed); }
.colorscheme-damensilvergrey.onprimary          {            color: white; }
.colorscheme-damensilvergrey.onsecondary        {            color: white; }
.colorscheme-damensilvergrey.onbackground       {            color: var(--MarineBlack); }
.colorscheme-damensilvergrey.onsurface          {            color: var(--MarineBlack); }
.colorscheme-damensilvergrey.onerror            {            color: white; }
*/

.colorscheme-damenwhite.primary                 { background-color: var(--MarineBlack); }
.colorscheme-damenwhite.primary-variant         { background-color: var(--MarineBlue); }
.colorscheme-damenwhite.secondary               { background-color: var(--SunsetOrange); }
.colorscheme-damenwhite.secondary-variant       { background-color: var(--Orange600); }
.colorscheme-damenwhite.background              { background-color: white; }
.colorscheme-damenwhite.surface                 { background-color: white; }
.colorscheme-damenwhite.error                   { background-color: var(--BordeauxRed); }
.colorscheme-damenwhite.onprimary               {            color: white; }
.colorscheme-damenwhite.onsecondary             {            color: white; }
.colorscheme-damenwhite.onbackground            {            color: var(--MarineBlack); }
.colorscheme-damenwhite.onsurface               {            color: var(--MarineBlack); }
.colorscheme-damenwhite.onerror                 {            color: white; }

/* shades */ 
.shadow-on-white-1 { box-shadow: 0 2px 4px 0 rgba(0,0,0,0.08), 0 0 3px 0 rgba(1,23,54,0.10), 0 0 2px 0 rgba(1,23,54,0.12); }
.shadow-on-white-2 { box-shadow: 0 5px 12px 0 rgba(1,23,54,0.10); }
.shadow-on-white-3 { box-shadow: 10px 20px 40px 0 rgba(1,23,54,0.10); }
.shadow-on-white-4 { box-shadow: 20px 40px 60px 0 rgba(1,23,54,0.10); }

.shadow-on-orange-1 { box-shadow: 0 1px 3px 0 rgba(1,23,54,0.20), 0 2px 10px 0 rgba(1,23,54,0.10); }
.shadow-on-orange-2 { box-shadow: 0 5px 12px 0 rgba(1,23,54,0.30); }
.shadow-on-orange-3 { box-shadow: 10px 20px 40px 0 rgba(1,23,54,0.20); }
.shadow-on-orange-4 { box-shadow: 20px 40px 60px 0 rgba(1,23,54,0.20); }

.shadow-on-blue-1 { box-shadow: 0 1px 3px 0 rgba(1,23,54,0.30), 0 2px 10px 0 rgba(1,23,54,0.20); }
.shadow-on-blue-2 { box-shadow: 0 5px 12px 0 rgba(1,23,54,0.40); }
.shadow-on-blue-3 { box-shadow: 10px 20px 40px 0 rgba(1,23,54,0.30); }
.shadow-on-blue-4 { box-shadow: 20px 40px 60px 0 rgba(1,23,54,0.30); }