/**
 * Do not edit directly
 * Generated on Wed, 22 Apr 2026 21:35:51 GMT
 */

:root {
  --primary-color: #1D7CBF;
  --primary-hover: color-mix(in srgb, var(--primary-color) 90%, var(--black) 10%);
  --primary-active: color-mix(in srgb, var(--primary-color) 80%, var(--black) 20%);
  --secondary-hover: color-mix(in srgb, var(--white) 90%, var(--primary-color) 10%);
  --secondary-active: color-mix(in srgb, var(--white) 80%, var(--primary-color) 20%);
  --button-primary-text: #FFFFFF;
  --button-primary-background: #1D7CBF;
  --button-primary-border: 1px solid #1D7CBF;
  --button-primary-hover-background: color-mix(in srgb, var(--primary-color) 80%, var(--black) 20%);
  --button-primary-active-background: color-mix(in srgb, var(--primary-color) 80%, var(--black) 20%);
  --button-secondary-background: #FFFFFF;
  --button-secondary-border: #1D7CBF;
  --button-secondary-text: #1D7CBF;
  --button-secondary-hover-background: color-mix(in srgb, var(--white) 90%, var(--primary-color) 10%);
  --button-secondary-active-background: color-mix(in srgb, var(--white) 80%, var(--primary-color) 20%);
  --button-tertiary-text: #1D7CBF;
  --button-tertiary-hover-background: color-mix(in srgb, var(--white) 90%, var(--primary-color) 10%);
  --button-tertiary-active-background: color-mix(in srgb, var(--white) 90%, var(--primary-color) 10%);
  --button-link-primary-text: #1D7CBF;
  --button-link-primary-active-text: #165A94;
  --button-link-primary-grey-text: #737373;
  --button-link-primary-white-text: #FFFFFF;
  --button-link-secondary-text: #3C424E;
  --button-link-secondary-hover-text: #0B1322;
  --button-chips-grey-text: #3C424E;
  --button-chips-grey-background: #EBEDF2;
  --button-chips-light-grey-text: #737373;
  --button-chips-light-grey-border: #E0E0E0;
  --button-chips-light-grey-background: #F5F5F5;
  --button-chips-secondary-text: #3C424E;
  --button-chips-secondary-border: #E0E0E0;
  --header-background: #00233D;
  --login-background: url("<%=process.env.ASSETS_BASE_URL%>/expense/login/upper-part.svg"), url("<%=process.env.ASSETS_BASE_URL%>/expense/login/lower-part-placeholder.svg"), url("<%=process.env.ASSETS_BASE_URL%>/expense/login/lower-part.svg");
  --font-color-1: #0B1322;
  --font-color-2: #3C424E;
  --font-color-3: #737373;
  --font-color-4: #757575;
  --font-family: IBM Plex Sans;
  --font-url: https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap;
  --box-shadow-10: rgba(0, 0, 0, 0.1);
  --box-shadow-20: rgba(0, 0, 0, 0.2);
  --box-shadow-30: rgba(0, 0, 0, 0.3);
  --box-shadow-40: rgba(0, 0, 0, 0.4);
}