/* Tufte theme — Edward Tufte print aesthetics
   Colors come from CSS variables in themes.css; this file is structural only. */

/* Larger base font with proper weight for readability */
[data-theme='tufte'] body {
  font-size: 1.1rem;
  line-height: 1.6;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

/* Ensure headings are substantive, not wispy */
[data-theme='tufte'] h1, [data-theme='tufte'] h2,
[data-theme='tufte'] h3, [data-theme='tufte'] h4,
[data-theme='tufte'] h5, [data-theme='tufte'] h6 {
  font-weight: 500;
}

/* Table text needs to be readable, not too light */
[data-theme='tufte'] .table td,
[data-theme='tufte'] .table th {
  font-weight: 400;
}

/* Remove all border-radius */
[data-theme='tufte'] .card,
[data-theme='tufte'] .btn,
[data-theme='tufte'] .badge,
[data-theme='tufte'] .alert,
[data-theme='tufte'] input,
[data-theme='tufte'] select,
[data-theme='tufte'] .form-control,
[data-theme='tufte'] .form-select,
[data-theme='tufte'] .toast,
[data-theme='tufte'] .dropdown-menu,
[data-theme='tufte'] .nav-pills .nav-link {
  border-radius: 0 !important;
}

/* Remove all box-shadows */
[data-theme='tufte'] .card,
[data-theme='tufte'] .btn,
[data-theme='tufte'] .dropdown-menu,
[data-theme='tufte'] .toast,
[data-theme='tufte'] .form-control:focus,
[data-theme='tufte'] .form-select:focus {
  box-shadow: none !important;
}

/* No hover color changes — keep text stable */
[data-theme='tufte'] a:hover {
  opacity: 0.8;
}

[data-theme='tufte'] .btn:hover {
  filter: none;
}

/* Tables: only horizontal rules, Tufte-style */
[data-theme='tufte'] .table {
  border-collapse: collapse;
}

[data-theme='tufte'] .table th,
[data-theme='tufte'] .table td {
  border-left: none !important;
  border-right: none !important;
}

[data-theme='tufte'] .table thead th {
  border-bottom: 2px solid var(--text, #111) !important;
  border-top: 1px solid var(--text, #111) !important;
}

[data-theme='tufte'] .table tbody tr:last-child td {
  border-bottom: 1px solid var(--text, #111) !important;
}

[data-theme='tufte'] .table tbody td {
  border-bottom: none !important;
}

/* Generous spacing for readability — but don't restrict width on data pages */
[data-theme='tufte'] .container {
  padding-left: 2rem;
  padding-right: 2rem;
}

[data-theme='tufte'] .card {
  border: none;
  padding: 1.5rem;
}

[data-theme='tufte'] .card-body {
  padding: 1rem 0;
}

/* Cards: no border, just clean separation */
[data-theme='tufte'] .card {
  border: none !important;
  margin-bottom: 1.5rem;
}