/* Commonly used colors extracted to avoid color inconsistencies */
:root {
  --color-pt-green : #8BC34A;
  --color-pt-red : #E57373;
  --color-pt-yellow: #FDD835;
  --color-pt-orange: #F57C00;
  --color-pt-gray: #BDBDBD;
  --color-pt-blue: #0F52BA; /* PT logo color (new) */
  --color-pt-blue-dark: #0c47a3; /* Darker PT logo color used for certain button hovers */
  --color-pt-light-1: #f3f3f6; /* Lightest gray container background */
  --color-pt-light-2: #e4e4e6; /* Slightly darker light gray container background (views) */
  --color-pt-light-3: #c6c6c6; /* Darkest light gray container background (dashboard) */
  --color-pt-table-header: #e9e9e9; /* Table header cell background */
  --color-pt-table-shaded: #f8f8f8; /* Shaded table row background (even rows) */
  --color-pt-border-default: #ccc; /* Default gray border color (buttons, cells) */
  --color-pt-border-default-hover: #adadad; /* Darker gray border color */
  --color-pt-fill-default-hover: #e6e6e6; /* Default background color */
  --color-pt-fill-light-hover: #f5f5f5; /* Lighter background color */
  --color-pt-icon: #333; /* Icon dark gray/black color */
  --color-pt-danger: #d9534f; /* Red danger color */
  --color-pt-danger-hover: #910000; /* Darker red danger color */
  --color-pt-default-shadow: #c4c4c4; /* Gray box shadow color */
}