@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;400;600;700&display=swap');

:root {
  --color-brand-primary: #2980B9;
  --color-brand-content: #2980B9;
  --color-link: #2980B9;
  --color-link--hover: #1f5f8b;
  --color-admonition-title--note: #2980B9;
  --color-admonition-title--tip: #2980B9;
  --color-admonition-title--important: #2980B9;

  --font-stack: 'Titillium Web', Titillium, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

  --font-size--normal: 0.75rem;
  --font-size--small: 0.65rem;
  --font-size--large: 0.85rem;
  --font-size--large--2: 0.95rem;
  --font-size--large--3: 1.05rem;
  --font-size--large--4: 1.2rem;
  --font-size--large--5: 1.4rem;
  --font-size--large--6: 1.65rem;
}

[data-theme="dark"] {
  --color-brand-primary: #3498DB;
  --color-brand-content: #3498DB;
  --color-link: #3498DB;
  --color-link--hover: #5dade2;
  --color-admonition-title--note: #3498DB;
  --color-admonition-title--tip: #3498DB;
  --color-admonition-title--important: #3498DB;
}

.sidebar-brand-text {
  display: none !important;
}

body {
  font-family: var(--font-stack);
}

.sidebar-brand img {
  max-height: var(--sidebar-logo-height);
  width: auto;
}

/* Force ESS cyan color for all links */
a, a:link, a:visited {
  color: #2980B9 !important;
}

a:hover, a:focus {
  color: #1f5f8b !important;
}

/* Sidebar navigation links */
.sidebar-tree a {
  color: #2980B9 !important;
}

.sidebar-tree a:hover {
  color: #1f5f8b !important;
}

/* Content links */
.content a {
  color: #2980B9 !important;
}

.content a:hover {
  color: #1f5f8b !important;
}