@import url("/assets/fouriq_style_gem/1-layout/pi/default-10c8686b.css");
@import url("/assets/fouriq_style_gem/2-modules/pi/clients-cb093f48.css");
@import url("/assets/fouriq_style_gem/2-modules/pi/budgets-c6e12a53.css");
@import url("/assets/fouriq_style_gem/2-modules/pi/client-budgets-64658ff1.css");
@import url("/assets/fouriq_style_gem/2-modules/pi/dialog-3ba602b7.css");
@import url("/assets/fouriq_style_gem/2-modules/pi/installation-45eb8316.css");
@import url("/assets/fouriq_style_gem/2-modules/pi/dropdown-e7179a1b.css");
@import url("/assets/fouriq_style_gem/2-modules/pi/installations-b0944d01.css");
@import url("/assets/fouriq_style_gem/2-modules/pi/table-42bfdd0e.css");
@import url("/assets/fouriq_style_gem/2-modules/pi/table-actions-2afda247.css");
@import url("/assets/fouriq_style_gem/2-modules/pi/form-input-97629ca5.css");
@import url("/assets/fouriq_style_gem/2-modules/pi/form-f8060204.css");

body:has(fouriq-login) {
  background-image: url("/assets/backdrops/login-bg-4e63465d.jpg");
}

/* Pi still has old style color variables */
@media (prefers-color-scheme: light) {
  :root {
    --portal-primary-color: var(--dark-blue);
    --portal-secondary-color: var(--blue);
    --portal-ternary-color: var(--light-blue);

    --shadow: var(--lightest-grey);
    --shadow-hover: var(--lighter-grey);
    --shadow-alt: var(--light-grey);
    --shadow-hover-alt: var(--light-grey);
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --portal-primary-color: var(--dark-blue);
    --portal-secondary-color: var(--blue);
    --portal-ternary-color: var(--light-blue);

    --shadow: var(--lightest-grey);
    --shadow-hover: var(--lighter-grey);
    --shadow-alt: var(--light-grey);
    --shadow-hover-alt: var(--light-grey);
  }
}