/* The RDoc (aliki template) pages under /rdoc/, in the wiki's look. The
   wiki-fetcher links this file into every page when it unpacks a version, so
   a change here restyles every published version. Tokens: css/general.css. */
:root {
  --color-primary-50: #dcfce7;
  --color-primary-200: #bbf7d0;
  --color-primary-400: #4ade80;
  --color-primary-500: #22c55e;
  --color-primary-600: #15803d;
  --color-primary-700: #166534;

  --color-text-primary: rgb(24 24 27);
  --color-text-secondary: rgb(82 82 91);
  --color-text-tertiary: rgb(113 113 122);
  --color-background-primary: rgb(255 255 255);
  --color-background-secondary: rgb(250 250 250);
  --color-background-tertiary: rgb(244 244 245);
  --color-border-default: rgb(212 212 216);
  --color-border-subtle: rgb(228 228 231);
  --color-nav-bg: rgb(250 250 250);
  --color-code-bg: rgb(244 244 245);
  --color-code-border: rgb(228 228 231);
  --color-sig-bg: rgb(244 244 245);
  --color-emphasis-bg: rgb(21 128 61 / 10%);
  --color-search-highlight-bg: rgb(21 128 61 / 12%);

  --font-family-base: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  --radius-lg: 8px;
  --radius-md: 6px;
}

[data-theme="dark"] {
  --color-text-primary: rgb(250 250 250);
  --color-text-secondary: rgb(161 161 170);
  --color-text-tertiary: rgb(113 113 122);
  --color-background-primary: rgb(9 9 11);
  --color-background-secondary: rgb(24 24 27);
  --color-background-tertiary: rgb(39 39 42);
  --color-border-default: rgb(63 63 70);
  --color-border-subtle: rgb(39 39 42);
  --color-border-emphasis: rgb(113 113 122);
  --color-link-default: rgb(250 250 250);
  --color-link-hover: rgb(74 222 128);
  --color-accent-primary: rgb(74 222 128);
  --color-accent-hover: rgb(134 239 172);
  --color-accent-subtle: rgb(74 222 128 / 10%);
  --color-accent-subtle-hover: rgb(74 222 128 / 20%);
  --color-title-kind-border: rgb(74 222 128 / 35%);
  --color-code-bg: rgb(24 24 27);
  --color-code-border: rgb(39 39 42);
  --color-sig-bg: rgb(24 24 27);
  --color-nav-bg: rgb(9 9 11);
  --color-nav-text: rgb(250 250 250);
  --color-emphasis-bg: rgb(74 222 128 / 10%);
  --color-search-highlight-bg: rgb(74 222 128 / 12%);
}

/* rdoc.js: the TTG logo before the gem name (the pixel logo is always drawn pixelated) */
header.top-navbar .navbar-brand {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
}
header.top-navbar .ttg-rdoc-logo {
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  image-rendering: pixelated;
  border-radius: 4px;
}

/* rdoc.js: back to the wiki, and the version switcher */
header.top-navbar .ttg-rdoc-bar {
  display: flex;
  align-items: center;
  gap: .75rem;
  margin-left: auto;
  padding-left: 1rem;
  font-size: var(--font-size-sm);
  white-space: nowrap;
}
header.top-navbar .ttg-rdoc-bar a {
  color: var(--color-text-secondary);
  text-decoration: none;
}
header.top-navbar .ttg-rdoc-bar a:hover {
  color: var(--color-accent-primary);
}
header.top-navbar .ttg-rdoc-bar select {
  font: inherit;
  font-family: var(--font-family-mono);
  color: var(--color-text-primary);
  background: var(--color-background-secondary);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-md);
  padding: .15rem .4rem;
}
@media (max-width: 640px) {
  header.top-navbar .ttg-rdoc-bar .ttg-rdoc-wiki-label { display: none; }
}