/* 莫兰迪色系中非常经典的灰蓝色调 */
:root {
  --md-primary-fg-color: #7195c1 !important; 
  --md-primary-fg-color--light: #a3bad5 !important;
  --md-primary-fg-color--dark: #5a7ca6 !important;
}


/* 全局背景：实现大跨度的清爽方格 */
body {
  background-color: #ffffff;
  /* 这种组合能产生主次线条感 */
  background-image: 
    linear-gradient(#f1f1f1 1px, transparent 1px),
    linear-gradient(90deg, #f1f1f1 1px, transparent 1px);
  background-size: 40px 40px; /* 控制大格子的间距 */
}

/* 覆盖掉 Material 默认的内容区域背景，让它变透明，漏出底部的格子 */
.md-content, .md-main__inner, .md-container {
  background-color: transparent !important;
}

.md-header {
  background-color: var(--md-primary-fg-color);
}

/* 调整标题样式 */
.md-header__title {
  font-weight: 400;
}