/* Centralized site stylesheet */
:root{
  --bg-overlay: rgba(255,255,255,0.5);
  --table-border: rgba(0,0,0,0.05);
  --primary-color: #0d6efd;
}

body{
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  color: #222;
}

/* General container adjustments */
.container.wide{
  max-width: 1080px;
}

/* Tables: white background with 50% transparency */
/* Apply to all Bootstrap table elements and variants */
.table,
.table th,
.table td,
.table thead th,
.table tbody td{
  background-color: rgba(255,255,255,0.5);
}

.table{
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--table-border);
}

.table thead th{
  background-color: rgba(255,255,255,0.6);
}

/* Keep striped row contrast subtle by layering transparent white */
.table.table-striped tbody tr:nth-of-type(odd){
  background-color: rgba(255,255,255,0.52);
}

.table tbody tr:hover{
  background-color: rgba(255,255,255,0.65);
}

/* Make buttons and links use primary color when appropriate */
.btn-primary{
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

/* Small utility to dim backgrounds when showing overlays */
.overlay-dim{ background: rgba(0,0,0,0.35); }

/* Central welcome card used on landing/login/register pages */
.welcome{
  background-color: rgba(255,255,255,0.5);
  padding: 30px;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}

/* Utility: 50% white background */
.bg-white-50{
  background-color: rgba(255,255,255,0.5) !important;
}