/* Distinctly Platform holding page. Tokens from the Distinctly Platform design system. */

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("/fonts/PlusJakartaSans-Variable.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --brand-navy: #001678;
  --ink: #0b1338;
  --ink-muted: #3e4664;
  --surface: #ffffff;
  --space-2: 8px;
  --space-4: 16px;
  --space-8: 32px;
  --font-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* The logo files are on an opaque white ground, so the page stays white in every colour scheme. */
html { color-scheme: light; }

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  background: var(--surface);
  color: var(--ink);
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 24px;
}

main {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-8) var(--space-4);
}

h1 {
  margin: 0;
  line-height: 0;
  width: min(560px, 100%);
}

h1 img {
  display: block;
  width: 100%;
  height: auto;
}

footer {
  background: var(--brand-navy);
  color: var(--surface);
  padding: var(--space-4) var(--space-8);
  text-align: center;
}

footer p {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
}

@media (max-width: 480px) {
  footer { padding: var(--space-4); }
}