/* CasinoOpsAI route-scoped page-family design. Internal.
   Loaded only for the matching visual family; the protected homepage loads none. */
body[data-page-family='engagement'] {
  --family-accent: #276749;
  --family-accent-dark: #174b34;
  --family-accent-soft: #eaf6ef;
  --family-border: #a7cbb8;
  --family-surface: #f5faf7;
  --family-radius: 14px;
  --family-shadow: 0 12px 26px rgba(39, 103, 73, 0.09);
}

/* Engagement pages: calm, open, and action-oriented. */
body[data-page-family='engagement'] :is(.hero, .contact-hero, .page-header) {
  background:
    radial-gradient(circle at 80% 8%, rgba(90, 174, 132, .24), transparent 24rem),
    linear-gradient(135deg, #0a2b25 0%, #174b3c 62%, #276749 100%) !important;
  border-bottom: 4px solid #79b695;
}

body[data-page-family='engagement'] :is(.contact-card, .contact-note-card, .contact-email-box, .card) {
  border-color: var(--family-border) !important;
}

body[data-page-family='engagement'] .form-input:focus,
body[data-page-family='engagement'] input:focus,
body[data-page-family='engagement'] textarea:focus,
body[data-page-family='engagement'] select:focus {
  border-color: var(--family-accent);
  box-shadow: 0 0 0 4px rgba(39, 103, 73, .13);
}