/* Content: */

/* - Font Definitions */
/* - Color Definitions */
/* - Global CSS */
/* - Global Buttons (Go-to-top) */

/* Font Definitions*/

@font-face{
  font-family: siemens-font;
  src:url(../../fonts/SiemensSans_Prof_Roman.ttf);
}
@font-face{
  font-family: siemens-font;
  src:url(../../fonts/SiemensSans_Prof_Bold.ttf);
  font-weight: bold;
}
@font-face{
  font-family: siemens-font;
  src:url(../../fonts/SiemensSans_Prof_Italic.ttf);
  font-style: italic;
}
@font-face{
  font-family: siemens-font;
  src:url(../../fonts/SiemensSans_Prof_BoldItalic.ttf);
  font-weight: bold;
  font-style: italic;
}

/* Color Definitions */

:root {
   /* Primary colors */
  --light-sand: #F3F3F0;
  --siemens-petrol: #009999;
  --deep-blue: #000028;
  --white: #FFFFFF;

  /* Secondary colors */
  --deep-blue-80: #333353;
  --deep-blue-60: #66667E;
  --deep-blue-40: #9999A9;
  --deep-blue-20: #CCCCD4;
  --deep-blue-10: #E5E5E9;
  --dark-sand: #AAAA96;
  --soft-sand: #C5C5B8;
  --bright-sand: #DFDFD9;
  --dark-blue: #00557C;
  --blue: #0087BE;
  --soft-blue: #00BEDC;
  --bold-blue: #00E6DC;
  --dark-green: #00646E;
  --medium-green: #007362;
  --green: #00AF8E;
  --soft-green: #00D7A0;
  --bold-green: #00FFB9;
  --dark-purple: #500078;
  --purple: #AA32BE;
  --red: #EF0137;
  --soft-red: #FE8389;
  --dark-orange: #EC6602;
  --orange: #FF9000;
  --yellow: #FFD732;

  /* Interaction colors (dark scheme) */
  --interactive-coral: #00CCCC;
  --interactive-coral-55db: #007082;
  --light-green-40: #C5FFEF;
  --interactive-coral-20db: #002949;
  --interactive-coral-12db:#00183B;
  --interactive-coral-8db: #001034;
  --deep-blue-30: #B3B3BE;
  --deep-blue-55: #737389;
  --deep-blue-85:#262648;
  --bold-green-12db: #003D4A;
  --medium-red: #FF5454;
  --dark-red: #331131;

  /*Interaction colors (light scheme) */
  --interactive-cyan: #0098A6;
  --interactive-cyan-8: #EBF7F8;
  --interactive-blue: #00819C;
  --interactive-blue-55: #73BAC9;
  --interactive-blue-12: #E0F1F4;
  --light-green: #62EEC7;
  --bold-green-20: #C2FFEE;
  --bold-green-18: #D1FFF2;
  --teal: #005159;
  --teal-90: #00646E;
  --light-red: #FCCCD7;
  --bold-green-10: #E0FFF6;
  --deep-blue-70: #4C4C68;
  --deep-blue-50: #7D8099;
  --deep-blue-8: #EBEBEE;
  --light-grey: #D9D9D6;
}



/* -----------------------Global CSS----------------------- */

/* Layout */
:root{

  /* left and right padding */
  --side-padding: 3%;
}



/* Body */
body {
  font-family: siemens-font !important; 
  color: var(--deep-blue);
  font-size: 16px;
 }

 samp {
  font-family: siemens-font !important; 
 }



 /*-------------------- Global Buttons (Go-to-top) --------------------*/

 #go2top {
  border: none;
  right: var(--side-padding);
  color: white;
  background-color: var(--deep-blue-80);
  font-size: 1.2em;
  width: 40px;
  height: 40px;
}