/* Centralised brand palette — kept in sync with the Nautiqs FE
   (VITE_PRIMARY_COLOR / VITE_SECONDARY_COLOR). Change here, all
   ops templates pick it up. */
@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap");

:root {
  --color-primary: #2541BA;        /* FE primary */
  --color-primary-hover: #1c339a;  /* darken ~10% for :hover / pressed */
  --color-primary-soft: #E3E7F9;   /* FE secondary, used as soft pill / focus row bg */
  --color-primary-on-soft: #2541BA;/* text on --color-primary-soft */
  --color-primary-ring: rgba(37, 65, 186, .16); /* focus ring / shadow */
  --color-header-bg: #2541BA;      /* dark navy header replaced with primary (option A) */
  --font-family: "Mulish", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body, button, input, select, textarea {
  font-family: var(--font-family);
}