/* PNNL color palette */
:root {
  --color-primary: #C56025;
  --color-primary-dark: #d97706;
  --color-primary-darker: #f59e0b;
  --color-text-secondary: #6b7280;
  --color-border: #e5e7eb;
  --color-focus: #fcd34d;
}

:root,
[data-color-mode="light"] {
  --btn-primary-bgcolor: #f59e0b;
}

/* Links */
a {
  color: var(--color-primary);
  text-decoration: none;
}

a:visited {
  color: var(--color-primary);
}

a:hover {
  color: var(--color-primary-darker) !important;
  text-decoration: underline !important;
  text-decoration-color: var(--color-primary-darker) !important;
}

.main-content a:hover,
.site-nav a:hover,
.breadcrumb-nav a:hover,
.side-bar a:hover,
p a:hover,
li a:hover,
td a:hover,
.main a:hover {
  color: var(--color-primary-darker) !important;
  text-decoration: underline !important;
  text-decoration-color: var(--color-primary-darker) !important;
}

/* Buttons */
.btn,
button,
input[type="button"],
input[type="submit"],
[role="button"] {
  background-color: var(--color-primary);
  color: #ffffff;
  border-color: var(--color-primary);
  border: 1px solid var(--color-primary);
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.btn:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
[role="button"]:hover {
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}

.btn:active,
button:active,
input[type="button"]:active,
input[type="submit"]:active,
[role="button"]:active {
  background-color: var(--color-primary-darker);
  border-color: var(--color-primary-darker);
}

.btn:disabled,
button:disabled,
input[type="button"]:disabled,
input[type="submit"]:disabled {
  background-color: var(--color-text-secondary);
  border-color: var(--color-text-secondary);
  opacity: 0.6;
  cursor: not-allowed;
}

.btn.btn-primary,
.site-header .btn,
.site-footer .btn,
a.btn {
  background-color: #C56025 !important;
  color: #ffffff !important;
  border-color: #C56025 !important;
}

.btn.btn-primary:hover,
.site-header .btn:hover,
.site-footer .btn:hover,
a.btn:hover {
  background-color: #d97706 !important;
  border-color: #d97706 !important;
}

.btn.btn-primary:active {
  background-color: #92400e !important;
  border-color: #92400e !important;
}

a::before,
a::after {
  color: inherit !important;
}

.anchor-heading svg {
  color: var(--color-primary) !important;
}

/* Search */
.search-input {
  border-color: var(--color-primary) !important;
}

.search-input:focus {
  border-color: var(--color-primary-dark) !important;
  box-shadow: 0 0 0 3px rgba(197, 96, 37, 0.1) !important;
}

.search-button {
  color: var(--color-primary) !important;
}

.search-button:hover {
  color: var(--color-primary-dark) !important;
}

.search-button svg,
.search-button svg *,
.search-input-wrap button svg,
.search-input-wrap button svg *,
.search-input-wrap svg,
.search-input-wrap svg * {
  fill: var(--color-primary) !important;
  color: var(--color-primary) !important;
  stroke: var(--color-primary) !important;
}

.nav-list svg,
.nav-list svg *,
.search-result svg,
.search-result svg * {
  fill: var(--color-primary) !important;
  color: var(--color-primary) !important;
}

/* Get started button */
.get-started-btn {
  display: inline-block;
  padding: 0.75rem 2rem;
  background-color: #C56025;
  color: white !important;
  text-decoration: none !important;
  border-radius: 0.5rem;
  font-weight: 700;
  font-size: 1.125rem;
  margin-bottom: 1rem;
  margin-right: 0.5rem;
  transition: background-color 0.2s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.get-started-btn:hover {
  background-color: #9e4a1a;
  color: white !important;
  text-decoration: none !important;
}

.get-started-btn:active {
  background-color: #8a411a;
}

/* Hide code copy button */
div.highlighter-rouge > button,
figure.highlight > button,
div.listingblock > div.content > button,
#svg-copy,
#svg-copied {
  display: none !important;
}