/*
 * LAKUNA VISUAL SYSTEM
 *
 * Die Wortmarke bleibt ein originales Bildasset.
 * Die UI-Schrift ist bewusst eigenständig, ruhig und gut lesbar.
 */

:root {
  --lk-font-ui:
    "Avenir Next",
    Avenir,
    "Inter",
    "Segoe UI",
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;

  --lk-font-display:
    "Avenir Next",
    Avenir,
    "Inter",
    "Segoe UI",
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;

  --lk-font-signal:
    "SFMono-Regular",
    Consolas,
    "Liberation Mono",
    monospace;

  --lk-navy-950: #101a31;
  --lk-navy-900: #142341;
  --lk-navy-800: #1e3b69;
  --lk-blue-700: #073b78;
  --lk-blue-600: #0a4c8f;

  --lk-ink-muted: #627188;
  --lk-ink-soft: #7d899b;

  --lk-line: #dbe3ed;
  --lk-line-strong: #cad5e3;

  --lk-surface: #ffffff;
  --lk-canvas: #f5f7fb;
  --lk-canvas-blue: #eef3fb;

  --lk-radius-sm: 10px;
  --lk-radius-md: 16px;
  --lk-radius-lg: 24px;
  --lk-radius-pill: 999px;

  --lk-shadow-soft: 0 18px 48px rgba(20, 42, 78, .08);
  --lk-shadow-button: 0 14px 30px rgba(7, 59, 120, .18);
}

body[data-product="lakuna"],
#lakuna-entry-v2,
#lakuna-diagnostic {
  font-family: var(--lk-font-ui);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body[data-product="lakuna"] button,
body[data-product="lakuna"] input,
body[data-product="lakuna"] textarea,
body[data-product="lakuna"] select,
#lakuna-entry-v2 button,
#lakuna-diagnostic button {
  font-family: inherit;
}

body[data-product="lakuna"] h1,
body[data-product="lakuna"] h2,
body[data-product="lakuna"] h3,
#lakuna-entry-v2 h1,
#lakuna-entry-v2 h2,
#lakuna-diagnostic h1,
#lakuna-diagnostic h2 {
  font-family: var(--lk-font-display);
  font-kerning: normal;
}

body[data-product="lakuna"] {
  background:
    radial-gradient(
      circle at 18% 12%,
      rgba(92, 130, 190, .13),
      transparent 34rem
    ),
    var(--lk-canvas);
  color: var(--lk-navy-950);
}