:root {
    --flair-edge-accent: var(--base-accent-color);
}

/* Layered page wrapper with offset background */
.ow_layered_page {
    position: relative;
}

.ow_layered_page::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    right: -10px;
    bottom: -10px;
    border-radius: var(--base-radius);
    background: var(--base-card-gradient);
    box-shadow: var(--base-shadow);
    z-index: -1;
}

/* Glossy style button */
.ow_glossy_button {
    background-image: linear-gradient(to bottom, var(--base-primary-color), var(--base-accent-color));
    color: var(--popple-paper);
    border: none;
    border-radius: var(--base-radius);
    padding: 8px 16px;
    box-shadow: var(--base-shadow);
    transition: background-color var(--base-transition), box-shadow var(--base-transition);
}

.ow_glossy_button:hover {
    background-color: var(--base-accent-color);
    box-shadow: var(--base-shadow), 0 0 6px var(--flair-edge-accent);
}