/**
 * Theme for all apps - symlinked to app-base/public/theme.css
 */


:root {
  /* Needed for making the theme viewer work */
  --md-sys-color-primary-origin: #003279;
  --md-sys-color-tertiary-origin: #008d6a;
  --md-sys-color-background-origin: #f9f9f9;
  --md-sys-color-on-background-origin: #1b1b1b;
}

:root[dark] {
  --md-sys-color-primary-origin: #d0dcff;
  --md-sys-color-tertiary-origin: #bce2f7;
  --md-sys-color-background-origin: #131313;
  --md-sys-color-on-background-origin: #e2e2e2;
}

:root {
  --md-icon-font-variation-settings: 'FILL' 1;
  font-variation-settings: 'FILL' 1;

  /* Display dark and light modes */
  --display-dark-only: none;
  --display-light-only: inherit;

  /* Fix to review when migrating tokens to MD3 */
  /* Button Size */
  --_button-icon-size: 24px;
  --md-tonal-button-icon-size: var(--_button-icon-size);
  --md-filled-button-icon-size: var(--_button-icon-size);
  --md-text-button-icon-size: var(--_button-icon-size);
  --md-outlined-button-icon-size: var(--_button-icon-size);

  /* default field container color */


  /* End Fix */

  --md-sys-color-primary: var(--md-sys-color-primary-origin);
  --md-sys-color-on-primary: #ffffff;
  --md-sys-color-primary-container: #466bb8;
  --md-sys-color-on-primary-container: #ffffff;
  --md-sys-color-secondary: #2f3648;
  --md-sys-color-on-secondary: #ffffff;
  --md-sys-color-secondary-container: #666d81;
  --md-sys-color-on-secondary-container: #ffffff;
  --md-sys-color-tertiary: var(--md-sys-color-tertiary-origin);
  --md-sys-color-on-tertiary: #ffffff;
  --md-sys-color-tertiary-container: #4e7284;
  --md-sys-color-on-tertiary-container: #ffffff;

  --md-sys-color-error: #740006;
  --md-sys-color-on-error: #ffffff;
  --md-sys-color-error-container: #cf2c27;
  --md-sys-color-on-error-container: #ffffff;

  --md-sys-color-outline: #525252;
  --md-sys-color-background: var(--md-sys-color-background-origin);
  --md-sys-color-on-background: var(--md-sys-color-on-background-origin);
  --md-sys-color-surface: #f9f9f9;
  --md-sys-color-on-surface: #111111;
  --md-sys-color-surface-variant: #e2e2e2;
  --md-sys-color-on-surface-variant: #363636;
  --md-sys-color-inverse-surface: #303030;
  --md-sys-color-inverse-on-surface: #f1f1f1;

  --md-sys-color-surface-bright: #f9f9f9;
  --md-sys-color-surface-container-lowest: #ffffff;
  --md-sys-color-surface-container-low: #f3f3f3;
  --md-sys-color-surface-container: #e8e8e8;
  --md-sys-color-surface-container-high: #dddddd;
  --md-sys-color-surface-container-highest: #d1d1d1;
  --md-sys-color-surface-dim: #c6c6c6;

  --md-sys-color-inverse-primary: #afc6ff;
  --md-sys-color-shadow: #000000;
  --md-sys-color-surface-tint: #365ca8;
  --md-sys-color-outline-variant: #6d6d6d;
  --md-sys-color-scrim: #000000;
}


:root[dark] {

  /* Display dark and light modes */
  --display-dark-only: inherit;
  --display-light-only: none;


  --md-sys-color-on-primary: #002358;
  --md-sys-color-primary-container: #6b8fdf;
  --md-sys-color-on-primary-container: #000000;
  --md-sys-color-secondary: #d5dcf3;
  --md-sys-color-on-secondary: #1e2536;
  --md-sys-color-secondary-container: #8a90a5;
  --md-sys-color-on-secondary-container: #000000;
  --md-sys-color-on-tertiary: #002938;
  --md-sys-color-tertiary-container: #7196a9;
  --md-sys-color-on-tertiary-container: #000000;

  --md-sys-color-error: #ffd2cc;
  --md-sys-color-on-error: #540003;
  --md-sys-color-error-container: #ff5449;
  --md-sys-color-on-error-container: #000000;

  --md-sys-color-outline: #b2b2b2;
  --md-sys-color-surface: #131313;
  --md-sys-color-on-surface: #ffffff;
  --md-sys-color-surface-variant: #474747;
  --md-sys-color-on-surface-variant: #dcdcdc;
  --md-sys-color-inverse-surface: #e2e2e2;
  --md-sys-color-inverse-on-surface: #2a2a2a;

  --md-sys-color-surface-bright: #444444;
  --md-sys-color-surface-container-lowest: #070707;
  --md-sys-color-surface-container-low: #1d1b20;
  --md-sys-color-surface-container: #282828;
  --md-sys-color-surface-container-high: #323232;
  --md-sys-color-surface-container-highest: #3e3e3e;
  --md-sys-color-surface-dim: #131313;

  --md-sys-color-inverse-primary: #194590;
  --md-sys-color-shadow: #000000;
  --md-sys-color-surface-tint: #afc6ff;
  --md-sys-color-outline-variant: #909090;
  --md-sys-color-scrim: #000000;

}


:root {
  --md-sys-color-orange: #e6a03a;
  --md-sys-color-green: #459a64;
  --md-sys-color-red: #b43236;

  --md-sys-color-success: var(--md-sys-color-green);
  --md-sys-color-on-success: #ffffff;
  --md-sys-color-success-container: #98fa6d;
  --md-sys-color-on-success-container: #042100;

  --md-sys-color-warning: var(--md-sys-color-orange);
  --md-sys-color-on-warning: #ffffff;
  --md-sys-color-warning-container: #ffdcb8;
  --md-sys-color-on-warning-container: #2c1600;

}