@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=Fira+Code&display=swap');

[data-md-color-scheme="slate"] {
  --md-primary-fg-color:         #05111f;
  --md-primary-fg-color--light:  #0a1e35;
  --md-primary-fg-color--dark:   #020c16;
  --md-accent-fg-color:          #22d3ee;
  --md-default-bg-color:         #060d18;
  --md-default-fg-color:         #94b8d0;
  --md-default-fg-color--light:  #6a96b4;
  --md-typeset-a-color:          #22d3ee;
  --md-typeset-color:            #94b8d0;
  --md-code-bg-color:            #040e1c;
  --md-code-fg-color:            #7dd3e8;
}

* { font-family: 'Inter', sans-serif !important; }
code, pre, kbd { font-family: 'Fira Code', monospace !important; }

body {
  background: #060d18;
  background-image: radial-gradient(ellipse at 50% 0%, #0a2040 0%, #060d18 65%);
}

.md-header, .md-tabs {
  background: #040e1c !important;
  border-bottom: 1px solid #0e3a5a !important;
  box-shadow: 0 2px 24px rgba(0, 100, 180, 0.25) !important;
}

.md-header__title {
  color: #22d3ee !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-shadow: 0 0 16px rgba(34, 211, 238, 0.4) !important;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  color: #22d3ee !important;
  font-weight: 600 !important;
  border-bottom: 1px solid #0e3a5a !important;
  text-shadow: none !important;
  font-family: 'Inter', sans-serif !important;
}

.md-nav__title { color: #22d3ee !important; }
.md-nav__link  { color: #6aaccb !important; }
.md-nav__link:hover,
.md-nav__link--active { color: #22d3ee !important; }

.md-typeset pre {
  background: #040e1c !important;
  border: 1px solid #0e3a5a !important;
  border-left: 3px solid #22d3ee !important;
}

.md-typeset code {
  background: #040e1c !important;
  color: #7dd3e8 !important;
  border: 1px solid #0e3a5a !important;
}

.md-typeset blockquote {
  border-left: 3px solid #22d3ee !important;
  background: #07142a !important;
  color: #94b8d0 !important;
}

/* ---- Cartes page d'accueil ---- */
.osiris-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 1.2rem;
  margin-top: 2rem;
}

.osiris-card {
  background: #07142a;
  border: 1px solid #0e3a5a;
  border-radius: 10px;
  padding: 1.4rem 1.6rem;
  text-decoration: none !important;
  color: #94b8d0 !important;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  transition: all 0.2s ease;
  box-shadow: 0 4px 20px rgba(0, 60, 120, 0.2);
}

.osiris-card:hover {
  border-color: #22d3ee;
  box-shadow: 0 4px 28px rgba(34, 211, 238, 0.2);
  transform: translateY(-3px);
  color: #c8e6f0 !important;
}

.osiris-card .card-icon {
  font-size: 1.8rem;
  margin-bottom: 0.3rem;
}

.osiris-card .card-title {
  font-size: 1rem;
  font-weight: 600;
  color: #22d3ee;
}

.osiris-card .card-desc {
  font-size: 0.85rem;
  color: #6aaccb;
  line-height: 1.5;
}

::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: #060d18; }
::-webkit-scrollbar-thumb { background: #0e3a5a; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #22d3ee; }