/* DigitalCreek look: navy to creek blue, same colours as the portal and the login pages. */
:root, [data-md-color-scheme="default"] {
  --md-primary-fg-color: #0f3463;
  --md-primary-fg-color--light: #12497f;
  --md-primary-fg-color--dark: #0a1f3c;
  --md-primary-bg-color: #fff;
  --md-accent-fg-color: #2b7fd0;
  --md-accent-fg-color--transparent: rgba(46, 163, 242, .12);
  --md-typeset-a-color: #1f6fbf;
  --dc-bad: #b42318; --dc-warn: #b54708; --dc-ok: #067647; --dc-muted: #5d6878; --dc-chip: #eef1f5; --dc-accent: #1f5fbf;
}
[data-md-color-scheme="slate"] {
  --md-hue: 215;
  --md-default-bg-color: #0d1b30;
  --md-primary-fg-color: #0f3463;
  --md-accent-fg-color: #2ea3f2;
  --md-typeset-a-color: #7cc4f8;
  --dc-bad: #f97066; --dc-warn: #fdb022; --dc-ok: #47cd89; --dc-muted: #9aa4b2; --dc-chip: #232c38; --dc-accent: #6ea8fe;
}
.md-header { background: linear-gradient(115deg, #0a1f3c 0%, #0f3463 55%, #12497f 100%); box-shadow: 0 2px 10px rgba(3, 12, 28, .28); }
.md-header__button.md-logo img { height: 1.8rem; border-radius: .35rem; }
.md-header__topic:first-child { font-weight: 700; }
[data-md-color-scheme="default"] .md-typeset h1 { color: #0f3463; }
[data-md-color-scheme="slate"] .md-typeset h1 { color: #e6eefa; }
.md-typeset h1 { font-weight: 700; }
.md-footer { background: #0a1f3c; }
.md-footer-meta { background: #081830; }

.dc-hero {
  margin: 0 0 2rem; padding: 3rem 2.5rem; border-radius: 1rem; color: #fff;
  background: url("../assets/waves.svg") no-repeat center bottom / 100% auto,
              radial-gradient(900px 500px at 90% -20%, rgba(46, 163, 242, .45), transparent 60%),
              linear-gradient(160deg, #0a1f3c 0%, #0f3463 55%, #12497f 100%);
}
.md-typeset .dc-hero h1 { color: #fff; font-weight: 700; margin: 0; letter-spacing: -.01em; }
.md-typeset .dc-hero h2 { color: #b9d6f5; font-weight: 300; margin: .2rem 0 1rem; }
.md-typeset .dc-hero p { max-width: 34rem; }
.md-typeset .dc-hero .md-button { color: #fff; border-color: rgba(255, 255, 255, .6); }
.md-typeset .dc-hero .md-button--primary { background: #2ea3f2; border-color: #2ea3f2; }
.md-typeset .dc-hero .md-button:hover { background: rgba(255, 255, 255, .15); border-color: #fff; }

.md-typeset img { border-radius: .5rem; box-shadow: 0 2px 14px rgba(3, 12, 28, .16); }
.md-typeset .md-button, .md-typeset .grid.cards img { box-shadow: none; }
.md-typeset dt { font-weight: 700; margin-top: 1.2em; }

/* the portal's tags */
.st, .tag { display: inline-block; white-space: nowrap; font-size: .68rem; line-height: 1.5; padding: 1px 9px; border-radius: 999px; }
.st { font-weight: 600; border: 1px solid currentColor; }
.st-new, .st-muted { color: var(--dc-muted); } .st-bad { color: var(--dc-bad); } .st-warn { color: var(--dc-warn); } .st-ok { color: var(--dc-ok); }
.st-solid { background: var(--dc-bad); border-color: var(--dc-bad); color: #fff; }
.tag { background: var(--dc-chip); }
.tag-none { color: var(--dc-muted); }
.act-fix_now { background: var(--dc-bad); color: #fff; } .act-fix_window { background: var(--dc-warn); color: #fff; }
.act-accept_risk { background: var(--dc-muted); color: #fff; } .act-need_info { background: var(--dc-accent); color: #fff; }