/* This file is intended to replace colors-deprecated.css with the ui-refresh */

/* Theme: Classic (default) - Deep Black OLED theme */
:root {
  --color-layer-page: #161616; /* ColorToken.DeepBlack5; */
  --color-layer-panel: #060606; /* ColorToken.DeepBlack1; */

  --color-border: #212124; /* ColorToken.DarkGray11; */

  --color-text-0: #888891; /* ColorToken.DarkGray0; */
  --color-text-1: #CACACE; /* ColorToken.MediumGray0; */
  --color-text-2: #FAFAFD; /* ColorToken.LightGray2; */
  --color-text-button: #FAFAFA; /* ColorToken.LightGray0; */

  --color-accent: #F5821F; /* ColorToken.Brand1; */
}
  
  /* Theme: Light */
  :root.theme-light {
  --color-layer-page: #ECEFF1; /* ColorToken.LightGray5; */
  --color-layer-panel: #FFFFFF; /* ColorToken.White; */

  --color-border: #D1D9E0; /* ColorToken.LightGray11; */

  --color-text-0: #737373; /* ColorToken.DarkGray1; */
  --color-text-1: #4B4B4B; /* ColorToken.DarkGray3; */
  --color-text-2: #181818; /* ColorToken.DarkGray13; */
  --color-text-button: #FFFFFF; /* ColorToken.White; */

  --color-accent: #F5821F; /* ColorToken.Brand0; */
}
  
  /* Theme: Dark */
  :root.theme-dark {
  --color-layer-page: #3B3B3F; /* ColorToken.DarkGray5; */
  --color-layer-panel: #212124; /* ColorToken.DarkGray11; */

  --color-border: #494950; /* ColorToken.DarkGray4; */

  --color-text-0: #888891; /* ColorToken.DarkGray0; */
  --color-text-1: #CACACE; /* ColorToken.MediumGray0; */
  --color-text-2: #FAFAFA; /* ColorToken.LightGray0; */
  --color-text-button: #FAFAFA; /* ColorToken.LightGray0; */

  --color-accent: #F5821F; /* ColorToken.Brand0; */
}