/* MESA site overrides — small accent palette nudges for U of A look */

:root {
  --md-primary-fg-color:        #ab0520;  /* U of A cardinal */
  --md-primary-fg-color--light: #c9314b;
  --md-primary-fg-color--dark:  #7d0414;
  --md-accent-fg-color:         #0c234b;  /* U of A blue accent */
}

/* Homepage card grid */
.grid.cards {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
}
.grid.cards > * {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: .25rem;
  padding: 1rem;
  transition: box-shadow .2s, transform .2s;
}
.grid.cards > *:hover {
  box-shadow: 0 .25rem .75rem rgba(0,0,0,.08);
  transform: translateY(-2px);
}

/* Hero banner used on the homepage */
.mesa-hero {
  background: linear-gradient(135deg, #ab0520 0%, #0c234b 100%);
  color: #fff;
  padding: 2.5rem 1.5rem;
  border-radius: .5rem;
  margin-bottom: 2rem;
}
.mesa-hero h1 { color: #fff; margin-top: 0; }
.mesa-hero p  { font-size: 1.05rem; }