/* assets/css/style.css - Bright Theme (Global) */

:root{
  --bg:#f6f8fc;
  --card:#ffffff;
  --text:#101828;
  --muted:#667085;
  --border:#e4e7ec;
  --primary:#2563eb;
  --primary-weak:#eaf2ff;
  --soft:#f2f4f7;
  --shadow: 0 10px 30px rgba(16,24,40,.08);
}

html, body{
  background: var(--bg);
  color: var(--text);
}

/* Links */
a{ text-decoration:none; }
a:hover{ text-decoration:none; }

/* Navbar / Footer */
.navbar{
  border-bottom:1px solid var(--border);
}
footer{
  border-top:1px solid var(--border);
  background:#fff;
}

/* Main container feel */
.container{
  max-width: 1180px;
}

/* Cards */
.card{
  background: var(--card) !important;
  border:1px solid var(--border) !important;
  border-radius: 16px !important;
  box-shadow: var(--shadow);
}
.card .card-title,
.card h1, .card h2, .card h3, .card h4, .card h5{
  color: var(--text);
}

/* Typography helpers */
.text-muted{
  color: var(--muted) !important;
}

/* Soft badge style used in views */
.badge-soft{
  background: var(--soft);
  border: 1px solid var(--border);
  color: var(--text);
  font-weight: 600;
}

/* Buttons */
.btn-primary{
  background: var(--primary) !important;
  border-color: var(--primary) !important;
}
.btn-primary:hover{
  filter: brightness(0.95);
}
.btn-outline-secondary{
  border-color: var(--border) !important;
}

/* Forms */
.form-label{
  font-weight: 600;
  color: var(--text);
}
.form-control, .form-select{
  border-color: var(--border) !important;
  border-radius: 12px !important;
}
.form-control:focus, .form-select:focus{
  border-color: rgba(37,99,235,.5) !important;
  box-shadow: 0 0 0 .25rem rgba(37,99,235,.15) !important;
}
.form-text{
  color: var(--muted) !important;
}

/* Borders used in blocks */
.border{
  border-color: var(--border) !important;
}

/* Tables */
.table{
  --bs-table-bg: #fff;
  --bs-table-color: var(--text);
  border-color: var(--border) !important;
}
.table thead th{
  color:#344054;
  border-color: var(--border) !important;
}
.table td, .table th{
  border-color: var(--border) !important;
}
.table-hover>tbody>tr:hover>*{
  background:#f9fafb;
}

/* Alerts (make them cleaner) */
.alert{
  border-radius: 14px;
  border-color: var(--border);
}

/* Small spacing polish */
hr{
  border-color: var(--border);
  opacity: 1;
}

/* Badges (bootstrap default sometimes too strong) */
.badge{
  border-radius: 999px;
}

/* Make dark leftover styles harmless */
body[style*="background"],
.card[style*="background"]{
  background: var(--bg) !important;
}

/* Optional: nicer section wrapper if you use it */
.page-bright-wrap{
  background:#fff;
  border:1px solid var(--border);
  border-radius:16px;
  box-shadow: var(--shadow);
}