/* Squidia's blue (WO-SQ-10, Fabricio 2026-10-24: "the color will be blue"), on top of Frappe v16's Espresso
   variables: primary buttons, links in the brand color, progress bars, checkboxes. Only variables are set, so a
   Frappe upgrade that renames one simply drops back to its own color: nothing breaks. */
:root {
  --squidia-blue: #1f5fd6;
  --squidia-blue-hover: #1849a9;
  --primary: var(--squidia-blue);
  --primary-color: var(--squidia-blue);
  --brand-color: var(--squidia-blue);
  --btn-primary: var(--squidia-blue);
  --progress-bar-bg: var(--squidia-blue);
}
[data-theme="dark"] {
  --squidia-blue: #4f86ee;
  --squidia-blue-hover: #6b9bf2;
}
.btn-primary, .btn.btn-primary { background-color: var(--squidia-blue); border-color: var(--squidia-blue); color: #fff; }
.btn-primary:hover, .btn.btn-primary:hover, .btn-primary:focus { background-color: var(--squidia-blue-hover); border-color: var(--squidia-blue-hover); color: #fff; }
input[type="checkbox"]:checked { background-color: var(--squidia-blue); border-color: var(--squidia-blue); }

/* Frappe v16's Espresso buttons (es-button) carry their own colors: the default (gray) theme becomes the brand's.
   Red and other themed buttons keep theirs. */
.es-button:not([data-theme]) {
  --bt-solid-bg: var(--squidia-blue);
  --bt-solid-bg-hover: var(--squidia-blue-hover);
  --bt-solid-bg-active: var(--squidia-blue-hover);
  --bt-solid-fg: #ffffff;
}
.btn-login, .btn-primary.btn-login, .page-card .btn-primary { background-color: var(--squidia-blue) !important; border-color: var(--squidia-blue) !important; color: #fff !important; }