/* Stile der alleinstehenden Rechtstext-Seiten (impressum/, datenschutz/): Tokens und Schriften wie css/app.css, weil diese
   Seiten die App-Stile nicht laden; die Texte selbst gestaltet css/legal.css. Hell-Grund je Seite im Kopf der Seite. */

/* Tokens as in css/app.css (this page does not load the app styles). */
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/manrope/manrope-latin-400-normal.woff2") format("woff2");
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/manrope/manrope-latin-600-normal.woff2") format("woff2");
}

:root {
  --paper: #181818;
  --ink: #f2f2f2;
  --muted: #a8a8a8;
  --font-ui: "Manrope", "Noto Sans", "Segoe UI", system-ui, sans-serif;
  --set-card: color-mix(in srgb, var(--ink) 10%, var(--paper));
  --set-line: color-mix(in srgb, var(--ink) 12%, transparent);
  --set-accent: oklch(72% 0.15 150deg);
  --set-radius: 12px;

  color-scheme: dark;
}

html[data-ultra="1"],
html[data-theme="dark"] {
  --paper: #000;
}

/* Hell: same tokens as css/app.css (docs/ui-theme.md). */
html[data-theme="light"] {
  --paper: #f2f2ef;
  --ink: #151515;
  --muted: #555;
  --set-card: #fff;
  --set-line: color-mix(in srgb, var(--ink) 12%, transparent);
  --set-accent: oklch(49% 0.13 150deg);

  color-scheme: light;
}

html {
  background: var(--paper);
  color: var(--ink);
  /* stylelint-disable-next-line property-no-vendor-prefix -- Safari auf dem iPhone kennt text-size-adjust nur mit Präfix */
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  min-height: 100dvh;
}