/* The theme source defines these, but the built stylesheet does not emit them. */
:root {
    --color-ring: var(--color-primary-100);
    --shadow-2: 0 2px 6px -1px rgb(0 0 0 / 0.08), 0 1px 3px 0 rgb(0 0 0 / 0.06);
    --shadow-3: 0 8px 16px -4px rgb(0 0 0 / 0.10), 0 4px 6px -2px rgb(0 0 0 / 0.08);
    --shadow-5: 0 24px 48px -8px rgb(0 0 0 / 0.18), 0 10px 16px -6px rgb(0 0 0 / 0.12);
}

/* Homepage actions follow the design-system primary button: green, pill, gray-900 label. */
.picker-continue,
.experience-floating-continue,
.experience-processing .experience-action,
.process-bottom > .text-link,
.experience-live-chat--primary,
.experience-live-chat-dialog__retry,
.experience-not-found-action,
.experience-skip-link,
.experience-footer dialog button[type="submit"],
#main-header[data-public-navigation="candidate"] [data-nav-item="apply"],
#main-header[data-public-navigation="candidate"] #mobile-menu [data-attr="home-nav-apply"] {
    border-radius: var(--radius-full) !important;
    border-color: transparent;
}

.process-bottom > .text-link {
    color: var(--color-foreground);
}

.picker-durations em,
.experience-picker.picker-simplified .picker-durations em,
.experience-package-comparison .comparison-selected {
    border-radius: var(--radius-full);
}