:root {
    --violet: #a3d2b6;
    --purple: #a3d2b6;
    --purple-dark: #32985f;
    --cyan: #a3d2b6;
    --green: #63d994;
    --sage: #a3d2b6;
    --blue: #9bcf91;
}

.eyebrow,
.kicker,
.page-hero .kicker,
h1 span,
h1 em {
    color: #4fbd79;
}

nav a.nav-chip,
nav a.nav-chip--vault,
nav a.nav-chip--external {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 1px solid #52766c;
    background: #232427;
    color: #d2ebe0;
    box-shadow: none;
    text-decoration: none;
}

nav a.nav-chip:hover,
nav a.nav-chip:focus-visible,
nav a.nav-chip--vault:hover,
nav a.nav-chip--vault:focus-visible,
nav a.nav-chip--external:hover,
nav a.nav-chip--external:focus-visible {
    transform: translateY(-1px);
    filter: brightness(1.08);
    border-color: #a3d2b6;
    background: #1d302c;
    box-shadow: 0 0 18px #a3d2b688;
}

nav a.nav-chip:focus-visible,
nav a.nav-chip--vault:focus-visible,
nav a.nav-chip--external:focus-visible {
    outline: 3px solid #a3d2b655;
    outline-offset: 3px;
}

a:not(nav a):not(.nav-chip):not(.nav-button):not(.next-button):not(.portfolio-link):not(.enter-vault):not(.brand):not([aria-current]) {
    color: #9bcf91;
    text-underline-offset: 3px;
}

a:not(nav a):not(.nav-chip):not(.nav-button):not(.next-button):not(.portfolio-link):not(.enter-vault):not(.brand):not([aria-current]):hover {
    color: #c7e9ae;
}

pre:not(.mermaid) {
    color: #b5f27c !important;
}

pre:not(.mermaid) code {
    color: inherit;
}

:not(pre) > code {
    color: #b5f27c;
}

button:not(.copy-button):not(.btn):not(.photo-button):not([data-filter]):not(.dialog-actions button),
a.nav-button:not(.secondary),
a.next-button,
a.enter-vault,
a.workshop-link {
    border-color: #3fa56a;
    background: linear-gradient(135deg, #4fbd79, #32985f);
    color: #161618;
}

button:not(.copy-button):not(.btn):not(.photo-button):not([data-filter]):not(.dialog-actions button):hover:not(:disabled),
a.nav-button:not(.secondary):hover,
a.next-button:hover,
a.enter-vault:hover,
a.workshop-link:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
}

button:not(.copy-button):not(.btn):not(.photo-button):not([data-filter]):not(.dialog-actions button):disabled {
    border-color: #3c5946;
    background: #26372d;
    color: #9cb7a4;
    cursor: not-allowed;
    transform: none;
}

a.nav-button.secondary {
    border-color: #393639;
    background: #2b2b2f;
    color: #d9cbed;
}