:root > * {
  --md-primary-fg-color:        #0b2a4a;
  --md-primary-fg-color--light: #27456b;
  --md-primary-fg-color--dark:  #071b32;
  --md-primary-bg-color:        #ffffff;
  --md-accent-fg-color:         #326ce5;
  --md-typeset-a-color:         #1f55c4;
}
body[data-md-color-scheme="slate"] {
  --md-typeset-a-color: #8db4ff;
  --md-accent-fg-color: #6f9bff;
}
.md-header { border-bottom: 3px solid #326ce5; }
.md-typeset h1 { font-weight: 700; letter-spacing: -.01em; }

/* Cartes des cours */
.cartes { display: grid; gap: 1.2rem; grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr)); margin: 1.5rem 0; }
.carte {
  display: flex; flex-direction: column; gap: .5rem;
  padding: 1.1rem 1.2rem 1.2rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-top: 5px solid var(--carte, #326ce5);
  border-radius: 8px;
  text-decoration: none;
  color: inherit;
  transition: box-shadow .15s, transform .15s;
}
.carte:hover { box-shadow: 0 4px 14px rgba(0, 0, 0, .18); transform: translateY(-2px); }
.carte strong { font-size: .95rem; color: var(--md-default-fg-color); }
.carte span { font-size: .75rem; color: var(--md-default-fg-color--light); }
.carte em { margin-top: auto; font-style: normal; font-size: .72rem; font-weight: 600; color: var(--carte, #326ce5); }