:root {
  /* Custom */
  --md-outlined-button-container-height: 36px;
  --md-ref-typeface-brand: 'Metropolis';

  --app-accent-color-green-light: #34a853;
  --app-accent-color-on-green-light: #ffffff;

  --app-accent-color-green-dark: #79c08c;
  --app-accent-color-on-green-dark: #012e0d;

  --app-accent-color-orange-light: #fbbc04;
  --app-accent-color-on-orange-light: #ffffff;

  --app-accent-color-orange-dark: #ffd46e;
  --app-accent-color-on-orange-dark: #422e00;

  --app-accent-color-teal-light: #00796b;
  --app-accent-color-on-teal-light: #ffffff;

  --app-accent-color-teal-dark: #75bbb3;
  --app-accent-color-on-teal-dark: #422e00;

  --app-accent-color-indigo-light: #303f9f;
  --app-accent-color-on-indigo-light: #ffffff;

  --app-accent-color-indigo-dark: #838ac2;
  --app-accent-color-on-indigo-dark: #101533;

  /* Custom light*/
  --app-accent-color-green: var(--app-accent-color-green-light);
  --app-accent-color-on-green: var(--app-accent-color-on-green-light);

  --app-accent-color-orange: var(--app-accent-color-orange-light);
  --app-accent-color-on-orange: var(--app-accent-color-on-orange-light);

  --app-accent-color-teal: var(--app-accent-color-teal-light);
  --app-accent-color-on-teal: var(--app-accent-color-on-teal-light);

  --app-accent-color-indigo: var(--app-accent-color-indigo-light);
  --app-accent-color-on-indigo: var(--app-accent-color-on-indigo-light);

  --pdf-page-color: #ffffff;
  --pdf-cover-bg: #03233d;
  --pdf-orange: #f76b12;
  --pdf-orange-header: #d1540f;
  --pdf-text-on-color: #ffffff;
  --pdf-header-color: #0c395c;
  --pdf-blue-text: #00447c;
  --pdf-page-notch-color: rgb(120 126 150 / 0.15);
  --pdf-underlay-color: rgb(217, 222, 228);
  --pdf-table-gray: rgb(247 247 247);
  --pdf-table-dark-gray: rgb(210 210 210);

  --pdf-logo-url: url('/images/lg-logo.svg');
}

/* Custom dark*/
[data-theme='dark'] {
  --app-accent-color-green: var(--app-accent-color-green-dark);
  --app-accent-color-on-green: var(--app-accent-color-on-green-dark);

  --app-accent-color-orange: var(--app-accent-color-orange-dark);
  --app-accent-color-on-orange: var(--app-accent-color-on-orange-dark);

  --app-accent-color-teal: var(--app-accent-color-teal-dark);
  --app-accent-color-on-teal: var(--app-accent-color-on-teal-dark);

  --app-accent-color-indigo: var(--app-accent-color-indigo-dark);
  --app-accent-color-on-indigo: var(--app-accent-color-on-indigo-dark);

  --pdf-page-color: #000000;
  --pdf-cover-bg: #1077ca;
  --pdf-orange: #d1540f;
  --pdf-orange-header: #f76b12;
  --pdf-text-on-color: #ffffff;
  --pdf-header-color: #166bad;
  --pdf-blue-text: #015eaa;
  --pdf-page-notch-color: rgb(120 126 140 / 0.25);
  --pdf-underlay-color: rgb(40, 42, 44);
  --pdf-table-gray: rgb(28, 28, 28);
  --pdf-table-dark-gray: rgb(45, 45, 45);

  --pdf-logo-url: url('/images/lg-logo-white.svg');
}