/*
 * Copyright (c) 2026 Tinverse LLC. All rights reserved.
 * SPDX-License-Identifier: LicenseRef-Tinverse-Commercial
 */

html {
  --font-family-monospace: "JetBrains Mono", "Fira Code", "Cascadia Code", "Source Code Pro", "IBM Plex Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;

  --primary-color: #2dd4bf;
  --primary-dark-color: #14b8a6;
  --primary-light-color: #5eead4;
  --on-primary-color: #020617;
  --link-color: #5eead4;

  --page-background-color: #020617;
  --page-foreground-color: #e2e8f0;
  --page-secondary-foreground-color: #94a3b8;
  --separator-color: #1e293b;

  --header-background: #020617;
  --header-foreground: #f8fafc;
  --side-nav-background: #020617;
  --side-nav-foreground: #cbd5e1;
  --searchbar-background: rgba(15, 23, 42, 0.92);
  --searchbar-foreground: #e2e8f0;

  --blockquote-background: rgba(15, 23, 42, 0.78);
  --blockquote-foreground: #cbd5e1;
  --tablehead-background: rgba(15, 23, 42, 0.9);
  --tablehead-foreground: #f8fafc;

  --code-background: #0f172a;
  --code-foreground: #e2e8f0;
  --fragment-background: #0f172a;
  --fragment-foreground: #e2e8f0;

  --border-radius-small: 6px;
  --border-radius-medium: 8px;
  --border-radius-large: 12px;
  --box-shadow: 0 24px 80px rgba(2, 6, 23, 0.35);
  --content-maxwidth: 1120px;
}

body {
  background:
    radial-gradient(circle at 80% 0%, rgba(45, 212, 191, 0.08), transparent 32%),
    #020617;
}

#top,
#titlearea,
#nav-tree,
#side-nav,
#MSearchBox,
.ui-resizable-e {
  border-color: #1e293b;
}

#projectname {
  color: #f8fafc;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: lowercase;
}

#projectnumber {
  color: #5eead4;
}

#titlearea {
  background:
    radial-gradient(circle at 90% 0%, rgba(45, 212, 191, 0.14), transparent 30%),
    rgba(2, 6, 23, 0.96);
}

#nav-tree .selected {
  background: rgba(15, 118, 110, 0.2);
  color: #99f6e4;
  text-shadow: none;
}

#nav-tree a,
.tabs,
.tabs2,
.tabs3 {
  color: #cbd5e1;
}

a,
a:visited,
.contents a:visited {
  color: #5eead4;
}

a:hover {
  color: #99f6e4;
}

.contents {
  color: #cbd5e1;
}

.contents h1,
.contents h2,
.contents h3,
.contents h4 {
  color: #5eead4;
  letter-spacing: 0;
}

.contents h1 {
  border-bottom: 1px solid rgba(45, 212, 191, 0.36);
}

.contents p,
.contents li,
.textblock {
  color: #cbd5e1;
}

.memitem,
.memproto,
.memdoc,
.fieldtable,
.memberdecls,
.directory,
.fragment,
pre.fragment,
div.line {
  border-color: #1e293b;
}

.memproto,
.memtitle,
.fieldtable th,
.directory .levels,
.navpath ul {
  background: rgba(15, 23, 42, 0.86);
}

.memdoc,
.fieldtable td,
.directory,
.fragment,
pre.fragment {
  background: rgba(15, 23, 42, 0.58);
}

.fragment,
pre.fragment {
  box-shadow: inset 0 0 0 1px rgba(51, 65, 85, 0.55);
}

code,
tt {
  background: rgba(15, 23, 42, 0.85);
  color: #ccfbf1;
  border: 1px solid rgba(51, 65, 85, 0.8);
  border-radius: 6px;
  padding: 0.1em 0.3em;
}

code,
tt,
.fragment,
pre.fragment,
div.fragment .line,
div.fragment span {
  font-variant-ligatures: contextual common-ligatures;
  font-feature-settings: "calt" 1, "liga" 1;
}

.paramname,
.memname,
.mlabel,
.mlabels {
  color: #ccfbf1;
}

.memname {
  font-weight: 650;
}

.mlabel {
  background: rgba(15, 118, 110, 0.22);
  border-color: rgba(45, 212, 191, 0.35);
}

.note,
.warning,
.todo,
.deprecated {
  background: rgba(15, 23, 42, 0.72);
  border-color: rgba(45, 212, 191, 0.28);
  color: #cbd5e1;
}

blockquote {
  border-left: 3px solid #2dd4bf;
  border-radius: 0 8px 8px 0;
}

#MSearchField {
  color: #e2e8f0;
}

#MSearchField::placeholder {
  color: #94a3b8;
}
