/* LATCHFORGE tenant branding -- login + website/portal (LF-62).
   Loaded via web_include_css. The login page (/login) rides this. Bounded:
   font, login surface, primary-button accent. Color source of truth:
   ds-bundle/tokens/colors.css. */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&display=swap');

:root {
  --npcm-navy: #0A3C50;
  --npcm-gold: #C9922E;
  --npcm-gold-hover: #DDA94A;
  --npcm-gold-press: #A6771F;
  --npcm-surface: #F4F6F8;
  --npcm-white: #FFFFFF;
}

body,
.web-page-content { font-family: 'Oswald', system-ui, -apple-system, sans-serif; }

h1, h2, h3, h4, .page-title {
  font-family: 'Oswald', system-ui, sans-serif;
  font-weight: 600;
  letter-spacing: 0.02em;
}

/* Login page surface + square card (NPC&M hard rule). */
.for-login { background: var(--npcm-surface); }
.for-login .page-card,
.login-content { border-radius: 0; }

/* Primary action -> gold on navy. */
.btn-primary,
.btn-primary:focus {
  background: var(--npcm-gold) !important;
  border-color: var(--npcm-gold) !important;
  color: var(--npcm-navy) !important;
}
.btn-primary:hover {
  background: var(--npcm-gold-hover) !important;
  border-color: var(--npcm-gold-hover) !important;
  color: var(--npcm-navy) !important;
}

a { color: var(--npcm-navy); }