/* CellMart — blue brand. Loaded after globals.css (and admin.css in the prototype). */
:root {
  --brand: #2049a0;
  --brand-hover: #1a3d88;
  --brand-press: #163474;
  --brand-tint: #eef2fa;
  --brand-grad: linear-gradient(100deg, #2049a0 0%, #4f7fe0 100%);
  --focus: 0 0 0 4px rgba(32,73,160,.22);
}
/* Primary buttons are solid brand blue (Apple-style), not near-black */
.btn--primary { background: var(--brand); color: #fff; }
.btn--primary:hover { background: var(--brand-hover); }
.btn--primary:active { background: var(--brand-press); }
.hero .btn--primary, .band .btn--primary { background: #fff; color: var(--ink); }
.hero .btn--primary:hover, .band .btn--primary:hover { background: #e8e8ed; }
.step.is-active .step__num { background: var(--brand); }
/* On dark surfaces a lighter blue reads better than the brand blue */
.hero__copy .t-eyebrow { background: none; -webkit-background-clip: border-box; background-clip: border-box; color: #6f9bff; }
.showcase--dark .link { color: #6f9bff; }
/* The CellMart wordmark is a single wide line, so it sits smaller */
.header__logo img { height: 18px; }
@media (min-width: 1100px) { .header__logo img { height: 20px; } }
.footer__logo img { height: 16px; }
html .atop__brand img, html .aside__brand img { height: 16px; }
html .login-logo { height: 22px; }
html .bars__bar.is-today { background: var(--brand); }