/* Resources Theme - Slate Gray/Blue */
/* Version: 1.0 */
/* Date: 2026-06-28 */

:root {
  --brand-resources-primary: #4a5568;
  --brand-resources-secondary: #718096;
  --brand-resources-accent: #2d3748;
  --brand-resources-light: #e2e8f0;
}

/* Hero section */
.hero h1 {
  color: var(--brand-resources-primary);
}

/* Section headings */
.section h2 {
  color: var(--brand-resources-primary);
}

/* Card headings */
.card h2 {
  color: var(--brand-resources-primary);
}

.card h3 {
  color: var(--brand-resources-accent);
}

/* Card backgrounds */
.card--blue {
  background: linear-gradient(to bottom, #ebf8ff, #bee3f8);
  border: 1px solid #bee3f8;
}

.card--gray {
  background: linear-gradient(to bottom, #f7fafc, #e2e8f0);
  border: 1px solid #e2e8f0;
}

.card--orange {
  background: linear-gradient(to bottom, #fffaf0, #feebc8);
  border: 1px solid #feebc8;
}

.card--purple {
  background: linear-gradient(to bottom, #f3e8ff, #d8b4fe);
  border: 1px solid #d8b4fe;
}

/* Card links */
.card h2 a {
  color: var(--brand-resources-primary);
  text-decoration: none;
}

.card h2 a:hover {
  color: var(--brand-resources-accent);
  text-decoration: underline;
}

/* Card content links */
.card-content a {
  color: var(--brand-resources-secondary);
}

.card-content a:hover {
  color: var(--brand-resources-primary);
}

/* Price styling (if needed) */
.price {
  color: var(--brand-resources-accent);
  font-weight: 600;
}

/* Button overrides */
.btn-primary {
  background-color: var(--brand-resources-primary);
}

.btn-primary:hover {
  background-color: var(--brand-resources-accent);
}

.btn-secondary {
  border-color: var(--brand-resources-primary);
  color: var(--brand-resources-primary);
}

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

/* Section links */
.section a {
  color: var(--brand-resources-secondary);
}

.section a:hover {
  color: var(--brand-resources-primary);
}

/* Card images */
.card img {
  max-width: 200px;
  height: auto;
  display: block;
  margin: 0 auto 1rem auto;
}

/* Card content */
.card-content {
  padding: 1rem 0;
}

/* Publications list */
.pub-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.pub-list li {
  padding: 0.6rem 0 0.6rem 1.2rem;
  border-bottom: 1px solid var(--brand-resources-light);
  position: relative;
}

.pub-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--brand-resources-secondary);
}

/* More/Less toggle button */
.btn-toggle {
  margin: 1.5rem 0;
  padding: 0.5rem 1.2rem;
  background: var(--brand-resources-primary);
  color: white;
  border: none;
  cursor: pointer;
  font-size: 1rem;
  border-radius: 4px;
}

.btn-toggle:hover {
  background: var(--brand-resources-accent);
}

/* Expandable publications section */
#more-publications {
  display: none;
}

#more-publications.expanded {
  display: block;
}

/* Download tiles grid */
.download-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 1rem;
  margin-top: 1.5rem;
}

.download-tile {
  display: block;
  text-decoration: none;
  border-radius: 6px;
  overflow: hidden;
  transition: transform 0.15s, box-shadow 0.15s;
}

.download-tile:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.15);
}

.download-tile img {
  width: 100%;
  height: auto;
  display: block;
}

.tile--green      { background-color: #ADDB7B; }
.tile--orange     { background-color: #F7994B; }
.tile--blue       { background-color: #0070C0; }
.tile--purple     { background-color: #604A7B; }
.tile--dark-green { background-color: #007635; }