/* Base font and Bootstrap bridge for Admin, Customer and public pages. The colours are the
   Design System v2 tokens in hma-shell.css; the older names below are aliases kept for
   existing rules (token cleanup, UI_REVIEW.md). */
@font-face { font-family:"Inter";src:url("/assets/fonts/inter/InterVariable.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:block; }
:root {
  --hma-canvas: var(--hma-bg-canvas);
  --hma-surface: var(--hma-bg-surface);
  --hma-text: var(--hma-text-primary);
  --hma-muted: var(--hma-text-secondary);
  --hma-border: var(--hma-border-default);
  --hma-accent: var(--hma-action-primary);
  --hma-accent-hover: var(--hma-action-primary-hover);
  --hma-accent-active: var(--hma-action-primary-hover);
  --hma-on-accent: var(--hma-text-on-primary);
  --hma-warning-soft: var(--hma-status-warning-bg);
  --hma-accent-soft: var(--hma-status-success-bg);
  --hma-green: var(--hma-status-success);
  --hma-green-soft: var(--hma-status-success-bg);
  --hma-red: var(--hma-status-danger);
  --hma-red-soft: var(--hma-status-danger-bg);
  --hma-gray: var(--hma-status-neutral);
  --hma-gray-soft: var(--hma-bg-subtle);
  --hma-overview-width: 1200px;
  --hma-table-width: 1440px;
  --bs-body-font-family: "Inter", sans-serif;
  --bs-body-font-size: .875rem;
  --bs-body-color: var(--hma-text);
  --bs-body-bg: var(--hma-surface);
  --bs-emphasis-color: var(--hma-text-primary);
  --bs-secondary-color: var(--hma-text-secondary);
  --bs-secondary-bg: var(--hma-bg-subtle);
  --bs-tertiary-bg: var(--hma-bg-subtle);
  --bs-border-color: var(--hma-border);
  --bs-border-radius: 6px;
  --bs-link-color: var(--hma-text);
  --bs-link-hover-color: var(--hma-text-primary);
}
.hma-portal .btn {
  --bs-btn-font-size: .8125rem;
  --bs-btn-padding-x: .75rem;
  --bs-btn-padding-y: .375rem;
  --bs-btn-font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: auto;
}
.hma-portal .btn-primary {
  --bs-btn-bg: var(--hma-accent);
  --bs-btn-color: var(--hma-on-accent);
  --bs-btn-border-color: var(--hma-accent);
  --bs-btn-hover-bg: var(--hma-accent-hover);
  --bs-btn-hover-color: var(--hma-on-accent);
  --bs-btn-hover-border-color: var(--hma-accent-hover);
  --bs-btn-active-bg: var(--hma-accent-active);
  --bs-btn-active-color: var(--hma-on-accent);
  --bs-btn-active-border-color: var(--hma-accent-active);
  --bs-btn-disabled-bg: var(--hma-accent);
  --bs-btn-disabled-color: var(--hma-on-accent);
  --bs-btn-disabled-border-color: var(--hma-accent);
}
.hma-portal .btn-outline-secondary { --bs-btn-color: var(--hma-text); --bs-btn-border-color: var(--hma-border); --bs-btn-hover-bg: var(--hma-canvas); --bs-btn-hover-color: var(--hma-text); --bs-btn-disabled-color: var(--hma-text-secondary); --bs-btn-disabled-border-color: var(--hma-border-control); }
.hma-portal .btn-outline-danger { --bs-btn-color: var(--hma-action-danger); --bs-btn-border-color: var(--hma-action-danger); --bs-btn-hover-bg: var(--hma-action-danger); --bs-btn-hover-border-color: var(--hma-action-danger); --bs-btn-hover-color: var(--hma-text-on-primary); --bs-btn-active-bg: var(--hma-action-danger); --bs-btn-active-border-color: var(--hma-action-danger); --bs-btn-active-color: var(--hma-text-on-primary); --bs-btn-disabled-color: var(--hma-action-danger); --bs-btn-disabled-border-color: var(--hma-action-danger); }
.hma-portal .btn-link { --bs-btn-color: var(--hma-text); text-decoration: none; }
.hma-portal .btn-link:hover { background: var(--hma-canvas); }
.hma-portal .form-control { font-size: .875rem; }
.hma-portal .form-control:focus, .hma-portal .form-select:focus { border-color: var(--hma-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--hma-action-primary) 25%, transparent); }
.hma-portal :focus-visible { outline: 2px solid var(--hma-accent); outline-offset: 3px; }
.hma-portal .form-check-input:checked { background-color: var(--hma-accent); border-color: var(--hma-accent); }