:root {
  --cdeis-navy: #0b1425;
  --cdeis-deep-blue: #11233b;
  --cdeis-blue: #0f5fa8;
  --cdeis-cyan: #20b6d1;
  --cdeis-teal: #087f78;
  --cdeis-gold: #e9b72e;
  --cdeis-orange: #ef682c;
  --cdeis-magenta: #c62768;
  --cdeis-ink: #15263a;
  --cdeis-muted: #5e7083;
  --cdeis-line: #d6e0e9;
  --cdeis-paper: #f5f8fb;

  --navy-900: var(--cdeis-navy);
  --navy-800: var(--cdeis-deep-blue);
  --teal-900: var(--cdeis-navy);
  --teal-700: var(--cdeis-deep-blue);
  --teal-500: var(--cdeis-blue);
  --teal-300: var(--cdeis-cyan);
  --blue: var(--cdeis-blue);
  --teal: var(--cdeis-teal);
  --gold: var(--cdeis-gold);
  --gold-500: var(--cdeis-gold);
  --ore-gold: var(--cdeis-gold);
  --ore-ink: var(--cdeis-ink);
  --ink: var(--cdeis-ink);
  --muted: var(--cdeis-muted);
  --line: var(--cdeis-line);
  --primary: var(--cdeis-blue);
  accent-color: var(--cdeis-blue);
}

::selection {
  color: #fff;
  background: var(--cdeis-blue);
}

:focus-visible {
  outline: 3px solid var(--cdeis-cyan);
  outline-offset: 3px;
}

img[src*="logo.png"], img[src*="logo.svg"] {
  object-fit: contain;
  object-position: center;
}

body:not(:has(img[src*="logo.png"])):not(:has(img[src*="logo.svg"]))::before {
  content: "CDEIS";
  box-sizing: border-box;
  display: flex;
  align-items: center;
  min-height: 56px;
  padding: 0 18px 0 70px;
  border-bottom: 2px solid var(--cdeis-gold);
  color: #fff;
  background-color: var(--cdeis-navy);
  background-image: url("images/logo.png");
  background-position: 12px center;
  background-repeat: no-repeat;
  background-size: 48px 32px;
  font-family: "Space Grotesk", "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1;
}