@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap");

:root {
  --asist-primary: #0136d8;
  --asist-primary-dark: #0128a4;
  --asist-primary-soft: rgba(1, 54, 216, 0.08);
  --asist-text: #0b1220;
  --asist-muted: #4b5563;
  --asist-background: #f5f7fb;
  --asist-surface: #ffffff;
  --asist-border: #e3e7ef;
  --asist-radius: 8px;
  --md-primary-fg-color: var(--asist-primary);
  --md-primary-fg-color--light: #315ce3;
  --md-primary-fg-color--dark: var(--asist-primary-dark);
  --md-accent-fg-color: var(--asist-primary);
  --md-typeset-a-color: var(--asist-primary);
}

body,
input {
  font-family: "Inter", "Noto Sans JP", system-ui, -apple-system, "Segoe UI", sans-serif;
}

body {
  color: var(--asist-text);
  background: var(--asist-background);
}

.md-header,
.md-tabs {
  background: var(--asist-primary);
}

.md-main__inner {
  background: var(--asist-surface);
  border: 1px solid var(--asist-border);
  border-radius: var(--asist-radius);
  box-shadow: 0 10px 30px rgba(11, 18, 32, 0.06);
}

.md-content__inner {
  padding-bottom: 2rem;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  color: var(--asist-text);
  font-weight: 700;
}

.md-typeset .grid.cards > ul > li,
.md-typeset .admonition,
.md-typeset details {
  border-radius: var(--asist-radius);
}

.md-typeset .md-button {
  border-radius: var(--asist-radius);
}

.md-typeset .md-button--primary {
  background: var(--asist-primary);
  border-color: var(--asist-primary);
}

.md-typeset .md-button--primary:hover,
.md-typeset .md-button--primary:focus {
  background: var(--asist-primary-dark);
  border-color: var(--asist-primary-dark);
}

.md-banner {
  background: #fff3cd;
  color: #493a00;
}

.preview-banner {
  font-weight: 600;
}

@media screen and (max-width: 76.234375em) {
  .md-main__inner {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }
}