/* Navixar Teal Theme v2 (matches Home) */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;600;700;800&display=swap');

:root {
  --color-primary: #1abc9c;
  --color-primary-dark: #16a085;
  --color-accent: #d1f5ee;

  --gradient-app: linear-gradient(120deg, #1abc9c, #16a085);
  --color-bg: #0f4d45;         /* fallback if gradient not supported */
  --color-card: #0f4b44;

  --color-text: #ffffff;
  --color-muted: #e7f7f3;
  --color-border: rgba(255,255,255,0.10);
}

html, body {
  background: var(--gradient-app);
  color: var(--color-text);
  font-family: 'Poppins', sans-serif;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}

/* KEEP Bootstrap's navbar look; no navbar overrides here */

/* Reusable card (does NOT touch .container) */
/* .card, .nx-card, .panel, .box {
  background: var(--color-card);
  border: 1px solid var(--color-border);
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0 15px 30px rgba(0,0,0,0.2);
} */

/* Forms (defaults, pages can add more) */
input, select, textarea {
  background: rgba(255,255,255,0.06);
  color: var(--color-text);
  border: 1px solid var(--color-border);
  border-radius: 10px;
  padding: 10px 12px;
}
input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(26,188,156,0.25);
}

/* Buttons */
.btn, .button, button {
  background: var(--color-primary);
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 10px 16px;
  font-weight: 600;
  transition: transform .15s ease, filter .15s ease, background .15s ease;
}
.btn:hover, .button:hover, button:hover {
  background: var(--color-primary-dark);
  transform: translateY(-1px);
  filter: brightness(1.02);
}

/* Footer baseline (keeps home look simple) */
footer {
  text-align: center;
  padding: 14px 12px;
  color: var(--color-muted);
}