/* SEYLAC_BRAND_CONTRACT_V380
   One typeface and one primary brand colour across public, auth, workspace
   and control-centre surfaces. Semantic success/warning/error colours remain
   distinct so system feedback stays understandable. */
:root {
  --sy-font: "Instrument Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  --sy-primary: #063e52 !important;
  --sy-primary-strong: #063e52 !important;
  --sy-primary-soft: #e9f1f3 !important;
  --sy-navy: #063e52 !important;
  --sy-navy-2: #063e52 !important;
  --blue: #063e52 !important;
  --blue2: #063e52 !important;
  --blue-2: #063e52 !important;
  --blue-3: #063e52 !important;
  --blue-dark: #063e52 !important;
  --blue-strong: #063e52 !important;
  --blue-soft: #e9f1f3 !important;
  --navy: #063e52 !important;
  --navy-2: #063e52 !important;
  --pcc-blue: #063e52 !important;
  --pcc-blue-2: #063e52 !important;
  --pcc-navy: #063e52 !important;
  --pcc-navy-2: #063e52 !important;
  --ucc-blue: #063e52 !important;
  --ucc-navy: #063e52 !important;
  --legal-blue: #063e52 !important;
  --legal-blue-dark: #063e52 !important;
  --legal-navy: #063e52 !important;
  --smart-blue: #063e52 !important;
  --smart-navy: #063e52 !important;
  --inv-blue: #063e52 !important;
  --inv-navy: #063e52 !important;
  --seylac-web-accent: #063e52 !important;
  --seylac-web-sidebar-active-bg: #e9f1f3 !important;
  --seylac-web-sidebar-active-text: #063e52 !important;
  --seylac-public-font: var(--sy-font) !important;
  --seylac-primary-button-bg: #063e52 !important;
  --seylac-primary-button-text: #fff !important;
}

html body,
html body button,
html body input,
html body select,
html body textarea,
html body optgroup,
html body table {
  font-family: var(--sy-font) !important;
}

html body :is(
  .btn-primary,
  .pcc-btn.primary,
  .sd26 .btn-primary,
  .syf-btn-primary,
  .sy-ai26-button,
  .nav-actions > .btn,
  .mobile-panel .btn-primary,
  .guest-card button[type="submit"],
  .auth-submit,
  .sey-ai-send,
  .ai-ui-composer button,
  .shv-button-dark
) {
  background: #063e52 !important;
  border-color: #063e52 !important;
  color: #fff !important;
}

html body :is(
  .side-link.active,
  .side-sublink.active,
  .pcc-nav a.active,
  .sd26-tab.active
) {
  color: #063e52 !important;
  border-color: #063e52 !important;
}

html body :is(
  .pcc-sidebar,
  .guest-panel,
  .sy-auth-panel,
  .mobile-panel,
  .mp-hero,
  .features-hero,
  .solutions-hero,
  .features-cta-box,
  .solutions-cta-box,
  .cta-box,
  .ai-panel,
  .sey-ai-widget-head
) {
  background-color: #063e52 !important;
  background-image: none !important;
}

html body :is(.mp-card, .feature-card, .solution-card, .card, .panel, .app-card) a:not(.btn),
html body :is(.mp-link, .text-link, .eyebrow, .features-kicker, .solutions-kicker) {
  color: #063e52;
}

html body :is(.btn, button, a, input, select, textarea) {
  font-family: var(--sy-font) !important;
}

html body :is(a, button, input, select, textarea):focus-visible {
  outline-color: rgba(6, 62, 82, .28) !important;
}