/* Satu Gizi brand theme: sky blue and cyan from the supplied identity artwork. */
:root[data-bs-theme="light"][data-color-theme],
:root[data-bs-theme="dark"][data-color-theme] {
  --bs-primary: #147ce5;
  --bs-primary-rgb: 20, 124, 229;
  --bs-light-primary: rgba(20, 124, 229, 0.1);
  --bs-primary-bg-subtle: #e9f6fc;
  --bs-primary-border-subtle: #a9d9f4;
  --bs-primary-text-emphasis: #0756a8;
  --bs-secondary: #20bfd4;
  --bs-secondary-rgb: 32, 191, 212;
  --bs-light-secondary: rgba(32, 191, 212, 0.12);
  --bs-secondary-bg-subtle: #e4f9fc;
  --bs-info: #24aeda;
  --bs-info-rgb: 36, 174, 218;
  --bs-link-color: #096dc6;
  --bs-link-hover-color: #0756a8;
}

:root[data-bs-theme="dark"][data-color-theme] {
  --bs-primary: #53a7f7;
  --bs-primary-rgb: 83, 167, 247;
  --bs-primary-bg-subtle: #152f49;
  --bs-primary-border-subtle: #285c85;
  --bs-primary-text-emphasis: #9fd2ff;
  --bs-secondary: #55d5e4;
  --bs-secondary-rgb: 85, 213, 228;
  --bs-secondary-bg-subtle: #15363d;
  --bs-link-color: #8dcaff;
  --bs-link-hover-color: #b8e0ff;
}

:root[data-bs-theme][data-color-theme] .btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: #0d68c4;
  --bs-btn-hover-border-color: #0d68c4;
  --bs-btn-active-bg: #0b5eb3;
  --bs-btn-active-border-color: #0b5eb3;
}

:root[data-bs-theme="dark"][data-color-theme] .btn-primary {
  --bs-btn-hover-bg: #358edb;
  --bs-btn-hover-border-color: #358edb;
  --bs-btn-active-bg: #287fc9;
  --bs-btn-active-border-color: #287fc9;
}

:root[data-bs-theme][data-color-theme] .btn-secondary {
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-bg: #139caf;
  --bs-btn-hover-border-color: #139caf;
  --bs-btn-active-bg: #108da0;
  --bs-btn-active-border-color: #108da0;
}

.satu-gizi-dashboard-banner {
  background: linear-gradient(115deg, #f1fbff 0%, #e2f7fc 62%, #d3f2fa 100%);
  border: 1px solid #c6edf5;
}

.satu-gizi-dashboard-illustration {
  width: 100%;
  max-width: 185px;
  max-height: 165px;
  object-fit: contain;
}

.satu-gizi-login-illustration {
  width: min(74%, 520px);
  max-height: 72vh;
  object-fit: contain;
}

@media (max-width: 1199.98px) {
  .satu-gizi-login-illustration { width: min(54%, 360px); max-height: 34vh; }
}