/* Church of the Firstborn — SOGo Branding
 * Matches main website: thechurchofthefirstborn.com
 * Navy: #003366 | Gold: #C5A55A | Background: navy
 */

/* Page background — dark navy like main website */
html, body, body.main,
[layout-fill],
div[layout-fill] {
  background-color: #003366 !important;
}

/* Login content card — white card on navy background */
#loginContent {
  background-color: #ffffff !important;
  border-top: 3px solid #C5A55A !important;
}

/* Login form panels — clean white */
#loginContent > div,
#loginContent md-card,
md-card {
  background-color: #ffffff !important;
}

/* Logo left panel — slightly warm white */
.sg-logo {
  background-color: #F7F6F3 !important;
}

/* Login submit FAB — gold on navy page */
.sg-login .md-fab,
[sg-login] .md-fab,
#loginContent .md-fab {
  background-color: #C5A55A !important;
  color: #ffffff !important;
}

/* FAB icon/arrow — white */
.sg-login .md-fab md-icon,
[sg-login] .md-fab md-icon,
#loginContent .md-fab md-icon,
.sg-login .md-fab md-icon svg,
[sg-login] .md-fab md-icon svg,
#loginContent .md-fab md-icon svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* All toolbars — navy */
md-toolbar.md-default-theme:not(.md-warn),
md-toolbar:not(.md-warn) {
  background-color: #003366 !important;
  color: rgba(255,255,255,0.87) !important;
}

/* Toolbar icons white */
md-toolbar md-icon,
md-toolbar md-icon svg {
  color: rgba(255,255,255,0.87) !important;
  fill: rgba(255,255,255,0.87) !important;
}

/* Input focus — gold underline */
md-input-container.md-input-focused .md-input {
  border-color: #C5A55A !important;
}
md-input-container.md-input-focused label {
  color: #C5A55A !important;
}

/* Toggle switch — gold when checked */
md-switch.md-checked .md-bar {
  background-color: rgba(197,165,90,0.5) !important;
}
md-switch.md-checked .md-thumb {
  background-color: #C5A55A !important;
}

/* Accent text */
.md-accent {
  color: #C5A55A !important;
}

/* General content areas — off-white */
md-content {
  background-color: #F7F6F3 !important;
}

/* Info button — gold */
.sg-login .md-button.md-icon-button md-icon,
[sg-login] .md-button.md-icon-button md-icon {
  color: #C5A55A !important;
}

/* Post-login sidebar — navy */
md-sidenav,
.md-sidenav-left {
  background-color: #002244 !important;
}