/* The agency's brand (charte Laforêt, as on the mock-up lagestionimmo.swoft.ai), applied
   through the design system's own tokens: every component takes it, none is restyled.
   Navy for the primary actions and the current page, sky for the "Immo" of the name,
   the pale blue page background. State colours (danger, warning, success) are the
   mock-up's too. Dark mode keeps the design system's own values. */
:root:not([data-theme="dark"]) {
  --swoft-color-primary: #143D8A;
  --swoft-color-primary-hover: #2650DB;
  --swoft-color-primary-light: rgba(20, 61, 138, 0.12);
  --swoft-color-primary-text: #143D8A;
  --swoft-color-on-primary: #FFFFFF;
  --swoft-color-link: #2650DB;
  --swoft-color-accent: #00ACFF;
  --swoft-color-bg: #F3F7FE;
  --swoft-color-surface: #FFFFFF;
  --swoft-color-surface-alt: #EEF3FC;
  --swoft-color-border: #E3E8F2;
  --swoft-color-text: #0F1B33;
  --swoft-color-text-muted: #5B6680;
  --swoft-color-text-secondary: #5B6680;
  --swoft-color-danger: #D92D20;
  --swoft-color-error: #D92D20;
  --swoft-color-error-bg: #FDECEA;
  --swoft-color-warning: #B76E00;
  --swoft-color-warning-bg: #FFF4DC;
  --swoft-color-success: #12805C;
  --lgi-brand-sky: #00ACFF;
}
:root {
  --swoft-font-family: "Lexend", system-ui, -apple-system, "Segoe UI", sans-serif;
}