/* Base visual identity for IFC 2027 skeleton site. */
:root {
  --fern-accent: #3fb618;
  --fern-accent-hover: #339214;
  --fern-deep: #1f5b3a;
  --fern-mid: #2f7b50;
  --mist: #eef5ef;
  --ink: #1f2933;
}

body {
  color: var(--ink);
  background:
    radial-gradient(circle at 10% 10%, #f5faf6, #ffffff 40%),
    linear-gradient(180deg, #ffffff 0%, var(--mist) 100%);
}

a,
a:visited {
  color: var(--fern-mid);
}

a:hover,
a:focus {
  color: var(--fern-accent-hover);
}

.navbar {
  border-bottom: 3px solid var(--fern-mid);
}

.navbar .navbar-brand,
.navbar .navbar-brand:visited {
  color: var(--fern-mid);
}

.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: var(--fern-accent-hover);
}

.navbar .nav {
  --bs-nav-link-color: var(--fern-mid);
  --bs-nav-link-hover-color: var(--fern-accent-hover);
}

.navbar .navbar-nav .nav-link {
  color: var(--fern-deep);
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link:focus {
  color: var(--fern-accent-hover);
}

.navbar .navbar-nav .nav-link.active,
.navbar .navbar-nav .nav-link.show {
  color: var(--fern-accent-hover);
}

.navbar .babelquarto-languages-button {
  --bs-btn-bg: var(--fern-mid);
  --bs-btn-border-color: var(--fern-mid);
  --bs-btn-hover-bg: var(--fern-accent-hover);
  --bs-btn-hover-border-color: var(--fern-accent-hover);
  --bs-btn-active-bg: var(--fern-accent-hover);
  --bs-btn-active-border-color: var(--fern-accent-hover);
  --bs-btn-focus-shadow-rgb: 63, 182, 24;
}

#languages-links {
  --bs-dropdown-link-active-bg: var(--fern-accent-hover);
  --bs-dropdown-link-active-color: #ffffff;
}

#languages-links .dropdown-item {
  color: var(--fern-mid);
}

#languages-links .dropdown-item:hover,
#languages-links .dropdown-item:focus {
  background-color: var(--fern-mid);
  color: #ffffff;
}

#languages-links .dropdown-item:active,
#languages-links .dropdown-item.active {
  background-color: var(--fern-accent-hover);
  color: #ffffff;
}

h1,
h2,
h3 {
  color: var(--fern-deep);
}

.callout-note {
  border-left: 4px solid var(--fern-mid);
}