:root{
  --primary-color:#1A1A1A;    /* Almost Black */
  --secondary-color:#333333;  /* Dark Gray */
  --light-bg:#F9F9F9;         /* Off-White */
  --card-bg:#ffffff;
  --accent-color:#FFD700;     /* Gold */
}

body{
  font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;
  background:var(--light-bg);
  margin:0;
}

.navbar{
  border-radius:0 0 12px 12px;
}

.card{
  background:var(--card-bg);
  border:1px solid rgba(0,0,0,0.08);
  border-radius:15px;
  box-shadow:0 4px 12px rgba(0,0,0,0.1);
  transition:transform .2s ease;
}

.card:hover{
  transform:translateY(-5px);
}

.btn-primary{
  background:var(--primary-color);
  border:none;
}

.btn-primary:hover{
  background:var(--secondary-color);
}

footer{
  border-radius:12px 12px 0 0;
}

.form-card{
  max-width:450px;
  margin:auto;
  padding:20px;
}

.auth-container{
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:100vh;
  background:linear-gradient(135deg,var(--primary-color),var(--secondary-color),var(--accent-color));
}

.auth-card{
  background:#fff;
  padding:2rem;
  border-radius:1.5rem;
  box-shadow:0 8px 24px rgba(0,0,0,0.15);
  width:100%;
  max-width:400px;
  text-align:center;
}

.auth-card .title{
  font-size:1.8rem;
  margin-bottom:.5rem;
  color:#1f2937;
}

.auth-card .subtitle{
  color:#6b7280;
  margin-bottom:1.5rem;
}

.input-group{
  margin-bottom:1rem;
  text-align:left;
}

.input-group label{
  display:block;
  font-weight:700;
  margin-bottom:.3rem;
  color:#374151;
}

.input-group input{
  width:100%;
  padding:.7rem;
  border:1px solid #d1d5db;
  border-radius:.5rem;
}

.btn.primary{
  background:linear-gradient(90deg,var(--primary-color),var(--accent-color));
  color:#fff;
  padding:.8rem 1.2rem;
  border:none;
  border-radius:.7rem;
  font-weight:700;
  cursor:pointer;
  transition:.3s ease;
  width:100%;
}

.btn.primary:hover{
  opacity:.9;
}

.switch-link{
  margin-top:1rem;
  font-size:.9rem;
}

.switch-link a{
  color:var(--primary-color);
  font-weight:700;
  text-decoration:none;
}

.switch-link a:hover{
  text-decoration:underline;
}
/* Custom Navbar Styles */
.navbar {
  background-color: #1A1A1A !important;   /* light gray / dark white */
  color: #F9F9F9 !important;              /* dark text */
  border-radius: 0 0 12px 12px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); /* subtle shadow */
}

/* Brand name (ClauseWise Logo) */
.navbar-brand {
  color: #1A1A1A !important;  
  font-weight: bold;
}

/* Navbar links */
.navbar a {
  color: #F9F9F9 !important;  /* dark text */
  font-weight: 500;
}

/* Hover effect for links */
.navbar a:hover {
  color: #FFD700 !important;  /* gold on hover */
}