:root {
  --gismine-blue: #004aac;
  --gismine-blue-deep: #003b91;
  --gismine-sky: #0f8fee;
  --gismine-ink: #14213d;
  --gismine-muted: #68758a;
  --gismine-line: #d7e0ee;
  --gismine-surface: #f4f7fb;
}

body {
  background: var(--gismine-surface);
  color: var(--gismine-ink);
}

.pf-v5-c-masthead {
  --pf-v5-c-masthead--BackgroundColor: transparent;
  --pf-v5-c-masthead--BorderBottomWidth: 0;
  background:
    radial-gradient(circle at 88% 30%, rgb(255 255 255 / 14%), transparent 26%),
    linear-gradient(120deg, var(--gismine-blue-deep), var(--gismine-sky));
}

.pf-v5-c-masthead__brand img,
.pf-v5-c-masthead__brand .pf-v5-c-brand {
  max-width: 148px;
  max-height: 30px;
}

.pf-v5-c-page__sidebar {
  background: #fff;
  border-right: 1px solid var(--gismine-line);
}

.pf-v5-c-nav__link {
  border-radius: 10px;
  margin: 2px 10px;
}

.pf-v5-c-nav__link::after {
  display: none;
}

.pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-nav__link[aria-current="page"] {
  color: var(--gismine-blue);
  background: #eaf4ff;
}

.pf-v5-c-page__main-section {
  background: transparent;
}

.pf-v5-c-card {
  border: 1px solid var(--gismine-line);
  border-radius: 14px;
  box-shadow: 0 8px 24px rgb(2 22 60 / 6%);
}

.pf-v5-c-title {
  color: var(--gismine-ink);
  letter-spacing: -0.01em;
}

.pf-v5-c-button {
  --pf-v5-c-button--BorderRadius: 10px;
  --pf-v5-c-button--FontWeight: 600;
}

.pf-v5-c-button.pf-m-primary {
  --pf-v5-c-button--m-primary--BackgroundColor: var(--gismine-blue);
  --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--gismine-blue-deep);
  --pf-v5-c-button--m-primary--focus--BackgroundColor: var(--gismine-blue-deep);
  --pf-v5-c-button--m-primary--active--BackgroundColor: var(--gismine-blue-deep);
}

.pf-v5-c-button.pf-m-link,
.pf-v5-c-button.pf-m-secondary {
  --pf-v5-c-button--m-link--Color: var(--gismine-blue);
  --pf-v5-c-button--m-secondary--Color: var(--gismine-blue);
  --pf-v5-c-button--m-secondary--BorderColor: var(--gismine-line);
}

.pf-v5-c-form-control {
  --pf-v5-c-form-control--BorderRadius: 10px;
  --pf-v5-c-form-control--Height: 42px;
  --pf-v5-c-form-control--BorderColor: var(--gismine-line);
  --pf-v5-c-form-control--focus--BorderColor: var(--gismine-blue);
}

.pf-v5-c-form-control:focus-within {
  box-shadow: 0 0 0 3px rgb(0 74 172 / 14%);
}

.pf-v5-c-alert {
  border-radius: 10px;
}

.pf-v5-c-tabs__link {
  font-weight: 600;
}

.pf-v5-c-tabs__item.pf-m-current .pf-v5-c-tabs__link {
  color: var(--gismine-blue);
}

.pf-v5-c-data-list,
.pf-v5-c-table {
  border-radius: 12px;
}

a {
  color: var(--gismine-blue);
}

a:hover,
a:focus {
  color: var(--gismine-blue-deep);
}
