/* CrickMS shared brand palette. See docs/BRANDING.md. */
:root {
  --brand-navy: #082650;
  --brand-blue: #0068d9;
  --brand-blue-hover: #0054b0;
  --brand-cyan: #11a7ed;
  --brand-green: #12a83b;
  --brand-lime: #7ce515;
  --brand-red: #e50928;
  --brand-ink: #142c4a;
  --brand-muted: #5d7088;
  --brand-canvas: #f4f7fc;
  --brand-surface: #ffffff;
  --brand-line: #dce5f0;
  --brand-blue-soft: #eaf3ff;
  --brand-success: #147d32;
  --brand-success-soft: #ecf8e8;
  --brand-success-line: #c9e8c6;
  --brand-danger: #bd1231;
  --brand-danger-soft: #fff0f3;
  --brand-danger-line: #f2cad2;
  --brand-warning: #8a5700;
  --brand-warning-soft: #fff4df;
  --brand-on-dark: #c6d9f0;
  --brand-nav-hover: #123965;
  --brand-nav-selected: #124a85;
  --brand-nav-line: #335375;
  --brand-hero: linear-gradient(125deg, #082650 15%, #074a91 100%);
}
.brand-logo {
  display: block;
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  object-fit: contain;
  border-radius: 12px;
  background: #f7f7f7;
}
.brand-footer { display: inline-flex; align-items: center; gap: 9px; }
.brand-footer .brand-logo { width: 28px; height: 28px; border-radius: 7px; }
::selection { background: var(--brand-lime); color: var(--brand-navy); }