/* Datalyptica brand: ink #13202D, paper #F9F9F4, accent ink blue #23407A, wine for sealed values. */
:root {
  --sf-ink: #13202D;
  --sf-paper: #F9F9F4;
  --sf-accent: #23407A;
  --sf-accent-hover: #182C55;
  --sf-tint: #E9EEF6;
  --sf-wine: #7D1D2F;
}

[data-md-color-scheme="default"] {
  --md-primary-fg-color: var(--sf-ink);
  --md-primary-fg-color--light: #2A3A4C;
  --md-primary-fg-color--dark: #0B141D;
  --md-primary-bg-color: #FFFFFF;
  --md-accent-fg-color: var(--sf-accent);
  --md-accent-fg-color--transparent: rgba(35, 64, 122, 0.1);
  --md-default-bg-color: var(--sf-paper);
  --md-default-fg-color: var(--sf-ink);
  --md-typeset-a-color: var(--sf-accent);
  --md-code-bg-color: #EFF1F4;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: var(--sf-ink);
  --md-primary-bg-color: #FFFFFF;
  --md-accent-fg-color: #8FB0EE;
  --md-hue: 212;
  --md-default-bg-color: #0F1922;
  --md-typeset-a-color: #A9C0EA;
}

.md-header, .md-tabs { background-color: var(--sf-ink); }
.md-typeset h1 { font-weight: 700; letter-spacing: -0.02em; color: var(--md-default-fg-color); }
.md-typeset h2 { font-weight: 700; letter-spacing: -0.01em; }
.md-typeset a:hover { color: var(--sf-accent-hover); }
[data-md-color-scheme="slate"] .md-typeset a:hover { color: #C9D8F4; }

/* a sealed value, as the product shows it */
.sealed {
  display: inline-block; padding: 0 .5em; border-radius: 4px;
  background: var(--sf-wine); color: #FFFFFF; font-family: var(--md-code-font-family); font-size: .85em;
}

/* screenshots */
.md-typeset img.screen { border: 1px solid #D5DCE5; border-radius: 10px; box-shadow: 0 6px 24px rgba(19, 32, 45, .08); }

/* role cards on the home page */
.md-typeset .grid.cards > ul > li { border-radius: 12px; }

/* GitLab-style details box at the top of a page: edition and availability */
.md-typeset .details {
  display: flex; flex-wrap: wrap; gap: .4em 1.2em; align-items: center;
  margin: 0 0 1.4em; padding: .6em 1em; border-radius: 8px;
  background: var(--sf-tint); color: var(--sf-ink); font-size: .8rem;
}
[data-md-color-scheme="slate"] .md-typeset .details { background: #1B2A3A; color: #E6EBF2; }
.md-typeset .details strong { font-weight: 700; }

/* Header logo: the sealfix mark and "sealfix" in bold, nothing beside it: one logo per brand,
   the same as on the product's pages (D210). */
.md-header__button.md-logo { margin-right: .2rem; padding: .3rem; }
.md-header__button.md-logo img, .md-header__button.md-logo svg { height: 1.7rem; width: auto; }
[dir=ltr] .md-header__title { margin-left: .25rem; }
[dir=ltr] .md-header__button.md-logo { margin-right: 0; }
.md-header__title .md-header__topic:first-child .md-ellipsis { font-weight: 700; letter-spacing: -0.01em; }