/*
Obsidian Gold

Changes:
- Shared sidebar
- Shared top bar
- Account dropdown
- Project header while Installation is selected
- Project navigation while Installation is selected
- Installation section

Other section bodies keep their existing design.
*/

html[data-design-theme="obsidian-gold"] {
    --obsidian-sidebar: #151517;
    --obsidian-sidebar-hover: #211f1b;
    --obsidian-sidebar-active: #30291e;

    --obsidian-canvas: #f8f7f2;
    --obsidian-surface: #fcfbf7;
    --obsidian-surface-soft: #f3f0e9;

    --obsidian-ink: #171718;
    --obsidian-ink-soft: #393834;
    --obsidian-muted: #74736d;

    --obsidian-border: #d8d4ca;
    --obsidian-border-strong: #b9b3a7;

    --obsidian-gold: #bf8826;
    --obsidian-gold-hover: #93640f;
    --obsidian-gold-soft: #fbf1dc;

    --obsidian-navy: #07355e;
    --obsidian-manager: #2d1e63;

    --obsidian-success: #287653;
    --obsidian-danger: #a23535;
}

/* Shared sidebar */

html[data-design-theme="obsidian-gold"] .sidebar {
    color: #f5f2e9;
    background: var(--obsidian-sidebar);
    border-right-color: #29292b;
    box-shadow: none;
}

html[data-design-theme="obsidian-gold"] .brand-mark {
    color: #ffffff;
    background: transparent;
    border-color: var(--obsidian-gold);
}

html[data-design-theme="obsidian-gold"] .brand-lockup strong {
    color: #ffffff;
}

html[data-design-theme="obsidian-gold"] .brand-lockup small {
    color: #b9b4a9;
}

html[data-design-theme="obsidian-gold"] .nav-label {
    color: #8f8b84;
}

html[data-design-theme="obsidian-gold"] .nav-link {
    color: #dedbd3;
    background: transparent;
    border-inline-start: 3px solid transparent;
}

html[data-design-theme="obsidian-gold"] .nav-link:hover {
    color: #ffffff;
    background: var(--obsidian-sidebar-hover);
}

html[data-design-theme="obsidian-gold"] .nav-link.is-active {
    color: #f1b94f;
    background: var(--obsidian-sidebar-active);
    border-inline-start-color: var(--obsidian-gold);
    box-shadow: none;
}

html[data-design-theme="obsidian-gold"] .nav-link.is-active svg {
    color: var(--obsidian-gold);
}

html[data-design-theme="obsidian-gold"] .sidebar-footer {
    color: #aaa79f;
    border-top-color: #333335;
}

html[data-design-theme="obsidian-gold"] .environment-dot {
    background: #39b875;
    box-shadow: none;
}

/* Shared top bar */

html[data-design-theme="obsidian-gold"] .topbar {
    color: var(--obsidian-ink);
    background: var(--obsidian-canvas);
    border-bottom-color: var(--obsidian-border);
    box-shadow: none;
}

html[data-design-theme="obsidian-gold"] .global-search {
    background: var(--obsidian-surface);
    border-color: var(--obsidian-border-strong);
    border-radius: 4px;
    box-shadow: none;
}

html[data-design-theme="obsidian-gold"] .global-search:focus-within {
    border-color: var(--obsidian-gold);
    box-shadow: 0 0 0 2px rgb(191 136 38 / 12%);
}

html[data-design-theme="obsidian-gold"] .global-search input {
    color: var(--obsidian-ink);
    background: transparent;
}

html[data-design-theme="obsidian-gold"]
    .global-search input::placeholder {
    color: #87847d;
}

html[data-design-theme="obsidian-gold"] .global-search svg {
    color: var(--obsidian-muted);
}

html[data-design-theme="obsidian-gold"] .global-search kbd {
    color: var(--obsidian-muted);
    background: transparent;
    border-color: var(--obsidian-border);
}

html[data-design-theme="obsidian-gold"] .topbar .icon-button,
html[data-design-theme="obsidian-gold"] .profile-menu-trigger {
    color: var(--obsidian-ink-soft);
    background: transparent;
}

html[data-design-theme="obsidian-gold"] .topbar .icon-button:hover,
html[data-design-theme="obsidian-gold"] .profile-menu-trigger:hover,
html[data-design-theme="obsidian-gold"]
    .profile-menu-trigger[aria-expanded="true"] {
    color: var(--obsidian-gold-hover);
    background: var(--obsidian-gold-soft);
}

html[data-design-theme="obsidian-gold"]
    .profile-menu-trigger__identity
    strong {
    color: var(--obsidian-ink);
}

html[data-design-theme="obsidian-gold"]
    .profile-menu-trigger__identity
    small {
    color: var(--obsidian-muted);
}

/* Account dropdown */

html[data-design-theme="obsidian-gold"] .profile-menu {
    color: var(--obsidian-ink);
    background: var(--obsidian-surface);
    border-color: var(--obsidian-border);
    border-radius: 5px;
    box-shadow:
        0 18px 50px rgb(20 18 14 / 16%),
        0 2px 6px rgb(20 18 14 / 8%);
}

html[data-design-theme="obsidian-gold"] .profile-menu__header,
html[data-design-theme="obsidian-gold"] .profile-menu__preferences {
    border-color: var(--obsidian-border);
}

html[data-design-theme="obsidian-gold"]
    .profile-menu__header
    strong {
    color: var(--obsidian-ink);
}

html[data-design-theme="obsidian-gold"]
    .profile-menu__header
    span {
    color: var(--obsidian-muted);
}

html[data-design-theme="obsidian-gold"] .profile-menu__link {
    color: var(--obsidian-ink-soft);
}

html[data-design-theme="obsidian-gold"] .profile-menu__link:hover {
    color: var(--obsidian-gold-hover);
    background: var(--obsidian-gold-soft);
}

html[data-design-theme="obsidian-gold"] .profile-preference {
    color: var(--obsidian-muted);
}

html[data-design-theme="obsidian-gold"]
    .profile-preference
    select {
    color: var(--obsidian-ink);
    background-color: #ffffff;
    border-color: var(--obsidian-border-strong);
}

html[data-design-theme="obsidian-gold"]
    .profile-preference
    select:focus {
    border-color: var(--obsidian-gold);
    box-shadow: 0 0 0 2px rgb(191 136 38 / 12%);
}

/* Installation page canvas */

html[data-design-theme="obsidian-gold"]
    .main-content:has(.installation-section) {
    color: var(--obsidian-ink);
    background: var(--obsidian-canvas);
}

html[data-design-theme="obsidian-gold"]
    .project-overview--obsidian-installation {
    color: var(--obsidian-ink);
    background: var(--obsidian-canvas);
}

html[data-design-theme="obsidian-gold"]
    .project-overview--obsidian-installation
    .eyebrow {
    color: var(--obsidian-gold-hover);
}

html[data-design-theme="obsidian-gold"]
    .project-overview--obsidian-installation
    h1 {
    color: var(--obsidian-ink);
    font-family: var(--font-display);
    font-weight: 500;
}

html[data-design-theme="obsidian-gold"]
    .project-overview--obsidian-installation
    .page-summary {
    color: var(--obsidian-muted);
}

html[data-design-theme="obsidian-gold"]
    .project-overview--obsidian-installation
    .back-link {
    color: var(--obsidian-gold-hover);
}

/* Project header actions */

html[data-design-theme="obsidian-gold"]
    .project-overview--obsidian-installation
    .button--primary {
    color: #171108;
    background: var(--obsidian-gold);
    border-color: var(--obsidian-gold);
    box-shadow: none;
}

html[data-design-theme="obsidian-gold"]
    .project-overview--obsidian-installation
    .button--primary:hover {
    color: #ffffff;
    background: var(--obsidian-gold-hover);
    border-color: var(--obsidian-gold-hover);
}

html[data-design-theme="obsidian-gold"]
    .project-overview--obsidian-installation
    .button--secondary {
    color: var(--obsidian-ink);
    background: transparent;
    border-color: var(--obsidian-border-strong);
    box-shadow: none;
}

html[data-design-theme="obsidian-gold"]
    .project-overview--obsidian-installation
    .button--secondary:hover {
    color: var(--obsidian-gold-hover);
    background: var(--obsidian-gold-soft);
    border-color: var(--obsidian-gold);
}

/* Project finance band */

html[data-design-theme="obsidian-gold"]
    .project-overview--obsidian-installation
    .project-finance-band {
    background: var(--obsidian-surface);
    border-color: var(--obsidian-border);
    box-shadow: none;
}

html[data-design-theme="obsidian-gold"]
    .project-overview--obsidian-installation
    .project-finance-band
    > div {
    border-color: var(--obsidian-border);
}

html[data-design-theme="obsidian-gold"]
    .project-overview--obsidian-installation
    .project-finance-band
    span,
html[data-design-theme="obsidian-gold"]
    .project-overview--obsidian-installation
    .project-finance-band
    small {
    color: var(--obsidian-muted);
}

html[data-design-theme="obsidian-gold"]
    .project-overview--obsidian-installation
    .project-finance-band
    strong {
    color: var(--obsidian-ink);
}

/* Project navigation */

html[data-design-theme="obsidian-gold"]
    .project-overview--obsidian-installation
    + .detail-nav {
    background: var(--obsidian-canvas);
    border-bottom-color: var(--obsidian-border);
}

html[data-design-theme="obsidian-gold"]
    .project-overview--obsidian-installation
    + .detail-nav
    a {
    color: var(--obsidian-muted);
}

html[data-design-theme="obsidian-gold"]
    .project-overview--obsidian-installation
    + .detail-nav
    a:hover,
html[data-design-theme="obsidian-gold"]
    .project-overview--obsidian-installation
    + .detail-nav
    a.is-active {
    color: var(--obsidian-ink);
}

html[data-design-theme="obsidian-gold"]
    .project-overview--obsidian-installation
    + .detail-nav
    a.is-active::after {
    background: var(--obsidian-gold);
}

/* Installation section variables */

html[data-design-theme="obsidian-gold"] .installation-section {
    --bg: var(--obsidian-canvas);
    --surface: var(--obsidian-surface);
    --surface-subtle: var(--obsidian-surface-soft);
    --surface-strong: #e8e3d9;

    --ink: var(--obsidian-ink);
    --ink-soft: var(--obsidian-ink-soft);
    --ink-muted: var(--obsidian-muted);
    --muted: var(--obsidian-muted);

    --line: var(--obsidian-border);
    --line-strong: var(--obsidian-border-strong);

    --primary: var(--obsidian-gold);
    --primary-hover: var(--obsidian-gold-hover);
    --primary-soft: var(--obsidian-gold-soft);

    --accent: var(--obsidian-gold);
    --accent-hover: var(--obsidian-gold-hover);
    --accent-soft: var(--obsidian-gold-soft);

    --warning: var(--obsidian-gold);

    color: var(--obsidian-ink);
    background: var(--obsidian-canvas);
}

/* Installation heading */

html[data-design-theme="obsidian-gold"]
    .installation-section
    .section-kicker {
    color: var(--obsidian-gold-hover);
}

html[data-design-theme="obsidian-gold"]
    .installation-section
    .detail-section__heading
    h2 {
    color: var(--obsidian-ink);
    font-family: var(--font-display);
    font-weight: 500;
}

/* Planned dates and status */

html[data-design-theme="obsidian-gold"] .installation-summary {
    background: var(--obsidian-surface);
    border-color: var(--obsidian-border);
    border-radius: 5px;
    box-shadow: none;
}

html[data-design-theme="obsidian-gold"]
    .installation-summary__item
    + .installation-summary__item::before {
    background: var(--obsidian-border);
}

html[data-design-theme="obsidian-gold"]
    .installation-summary__icon {
    color: var(--obsidian-muted);
}

html[data-design-theme="obsidian-gold"]
    .installation-summary__copy
    small {
    color: var(--obsidian-muted);
}

html[data-design-theme="obsidian-gold"]
    .installation-summary__copy
    strong {
    color: var(--obsidian-ink);
}

html[data-design-theme="obsidian-gold"]
    .installation-status--in_progress {
    color: #805200;
    background: var(--obsidian-gold-soft);
    border-color: #ebd2a1;
}

html[data-design-theme="obsidian-gold"]
    .installation-status--completed {
    color: #246846;
    background: #e5f0e9;
    border-color: #b7d3c1;
}

html[data-design-theme="obsidian-gold"]
    .installation-status--cancelled {
    color: var(--obsidian-danger);
    background: #f8e7e4;
    border-color: #e4bbb5;
}

/* Installation cards */

html[data-design-theme="obsidian-gold"] .installation-panel,
html[data-design-theme="obsidian-gold"] .installation-day-card,
html[data-design-theme="obsidian-gold"] .installation-ledger {
    color: var(--obsidian-ink);
    background: var(--obsidian-surface);
    border-color: var(--obsidian-border);
    border-radius: 5px;
    box-shadow: none;
}

html[data-design-theme="obsidian-gold"]
    .installation-panel__header
    h3,
html[data-design-theme="obsidian-gold"]
    .installation-day-card__header
    h3 {
    color: var(--obsidian-ink);
    font-family: var(--font-display);
    font-weight: 500;
}

html[data-design-theme="obsidian-gold"]
    .installation-ledger__heading
    h4,
html[data-design-theme="obsidian-gold"]
    .installation-work-completed
    h4 {
    color: var(--obsidian-ink);
}

html[data-design-theme="obsidian-gold"]
    .installation-description {
    color: var(--obsidian-ink-soft);
    background: var(--obsidian-gold-soft);
    border-inline-start-color: var(--obsidian-gold);
}

/* Installation actions */

html[data-design-theme="obsidian-gold"]
    .installation-action
    > summary {
    color: var(--obsidian-gold-hover);
}

html[data-design-theme="obsidian-gold"]
    .installation-action
    > summary:hover {
    color: var(--obsidian-gold);
}

/* Team */

html[data-design-theme="obsidian-gold"]
    .installation-team-member {
    border-bottom-color: var(--obsidian-border);
}

html[data-design-theme="obsidian-gold"]
    .installation-team-member__name {
    color: var(--obsidian-ink);
}

html[data-design-theme="obsidian-gold"]
    .installation-team-member__icon {
    width: 28px;
    height: 28px;
    color: #ffffff;
    background: var(--obsidian-navy);
    border-radius: 50%;
}

html[data-design-theme="obsidian-gold"]
    .installation-team-member__icon
    svg {
    width: 14px;
    height: 14px;
}

html[data-design-theme="obsidian-gold"]
    .installation-team-member:has(
        .installation-role-badge--manager
    )
    .installation-team-member__icon {
    background: var(--obsidian-manager);
}

html[data-design-theme="obsidian-gold"]
    .installation-role-badge {
    color: #ffffff;
    background: #171718;
    border-radius: 999px;
}

html[data-design-theme="obsidian-gold"]
    .installation-role-badge--manager {
    background: var(--obsidian-manager);
}

html[data-design-theme="obsidian-gold"]
    .installation-role-badge--installer {
    background: #171718;
}

html[data-design-theme="obsidian-gold"]
    .installation-member-detail-button {
    color: var(--obsidian-gold-hover);
}

html[data-design-theme="obsidian-gold"]
    .installation-member-detail-button:hover {
    color: var(--obsidian-gold);
    background: var(--obsidian-gold-soft);
}

/* Working days */

html[data-design-theme="obsidian-gold"]
    .installation-day-link {
    color: var(--obsidian-ink-soft);
    background: var(--obsidian-surface);
    border-color: var(--obsidian-border);
}

html[data-design-theme="obsidian-gold"]
    .installation-day-link:hover {
    color: var(--obsidian-gold-hover);
    background: #faf6ec;
    border-color: #dfc897;
}

html[data-design-theme="obsidian-gold"]
    .installation-day-link.is-active {
    color: #865700;
    background: var(--obsidian-gold-soft);
    border-color: #e4c37d;
    border-inline-start-color: var(--obsidian-gold);
}

html[data-design-theme="obsidian-gold"]
    .installation-day-link.is-active
    svg {
    color: var(--obsidian-gold-hover);
}

/* Selected day */

html[data-design-theme="obsidian-gold"]
    .installation-day-card__header {
    border-color: var(--obsidian-border);
}

html[data-design-theme="obsidian-gold"]
    .installation-day-card__header
    h3 {
    font-size: 25px;
}

html[data-design-theme="obsidian-gold"]
    .installation-work-completed {
    border-bottom-color: var(--obsidian-border);
}

html[data-design-theme="obsidian-gold"]
    .installation-work-completed
    p {
    color: var(--obsidian-ink-soft);
}

html[data-design-theme="obsidian-gold"]
    .installation-empty-copy {
    color: var(--obsidian-muted);
}

/* Labor table */

html[data-design-theme="obsidian-gold"]
    .installation-table-wrap {
    border-color: var(--obsidian-border);
}

html[data-design-theme="obsidian-gold"]
    .installation-table
    th {
    color: var(--obsidian-muted);
    background: var(--obsidian-surface-soft);
    border-color: var(--obsidian-border);
}

html[data-design-theme="obsidian-gold"]
    .installation-table
    td {
    color: var(--obsidian-ink);
    background: var(--obsidian-surface);
    border-color: var(--obsidian-border);
}

html[data-design-theme="obsidian-gold"]
    .installation-table
    tbody
    tr:hover
    td {
    background: #faf6ec;
}

html[data-design-theme="obsidian-gold"]
    .installation-table
    tfoot
    th,
html[data-design-theme="obsidian-gold"]
    .installation-table
    tfoot
    td {
    color: var(--obsidian-ink);
    background: var(--obsidian-surface);
    border-color: var(--obsidian-border);
}

/* Meals and transport */

html[data-design-theme="obsidian-gold"]
    .installation-cost-row {
    color: var(--obsidian-ink-soft);
}

html[data-design-theme="obsidian-gold"]
    .installation-cost-row
    small {
    color: var(--obsidian-muted);
}

html[data-design-theme="obsidian-gold"]
    .installation-cost-panel__total {
    color: var(--obsidian-ink);
    border-top-color: var(--obsidian-border);
}

/* Daily total */

html[data-design-theme="obsidian-gold"]
    .installation-day-total {
    color: #7b4e00;
    background: var(--obsidian-gold-soft);
    border-top-color: #e2c17c;
}

html[data-design-theme="obsidian-gold"]
    .installation-day-total
    bdi {
    color: #8c5900;
}

html[data-design-theme="obsidian-gold"]
    .installation-day-total
    small {
    color: #835914;
}

/* Installation forms */

html[data-design-theme="obsidian-gold"]
    .installation-popover-form {
    color: var(--obsidian-ink);
    background: var(--obsidian-surface);
    border-color: var(--obsidian-border-strong);
    box-shadow:
        0 18px 45px rgb(24 20 12 / 14%),
        0 2px 6px rgb(24 20 12 / 7%);
}

html[data-design-theme="obsidian-gold"]
    .installation-section
    input,
html[data-design-theme="obsidian-gold"]
    .installation-section
    select,
html[data-design-theme="obsidian-gold"]
    .installation-section
    textarea {
    color: var(--obsidian-ink);
    background: #ffffff;
    border-color: var(--obsidian-border-strong);
}

html[data-design-theme="obsidian-gold"]
    .installation-section
    input::placeholder,
html[data-design-theme="obsidian-gold"]
    .installation-section
    textarea::placeholder {
    color: #959188;
}

html[data-design-theme="obsidian-gold"]
    .installation-section
    input:focus,
html[data-design-theme="obsidian-gold"]
    .installation-section
    select:focus,
html[data-design-theme="obsidian-gold"]
    .installation-section
    textarea:focus {
    border-color: var(--obsidian-gold);
    outline: none;
    box-shadow: 0 0 0 2px rgb(191 136 38 / 13%);
}

html[data-design-theme="obsidian-gold"]
    .installation-section
    .button--primary {
    color: #171108;
    background: var(--obsidian-gold);
    border-color: var(--obsidian-gold);
    box-shadow: none;
}

html[data-design-theme="obsidian-gold"]
    .installation-section
    .button--primary:hover {
    color: #ffffff;
    background: var(--obsidian-gold-hover);
    border-color: var(--obsidian-gold-hover);
}

html[data-design-theme="obsidian-gold"]
    .installation-section
    .button--secondary,
html[data-design-theme="obsidian-gold"]
    .installation-section
    .button--ghost,
html[data-design-theme="obsidian-gold"]
    .installation-section
    .icon-button {
    color: var(--obsidian-gold-hover);
    background: transparent;
    border-color: var(--obsidian-border-strong);
}

html[data-design-theme="obsidian-gold"]
    .installation-section
    .button--secondary:hover,
html[data-design-theme="obsidian-gold"]
    .installation-section
    .button--ghost:hover,
html[data-design-theme="obsidian-gold"]
    .installation-section
    .icon-button:hover {
    color: var(--obsidian-gold-hover);
    background: var(--obsidian-gold-soft);
    border-color: var(--obsidian-gold);
}

/* Mobile sidebar */

@media (max-width: 980px) {
    html[data-design-theme="obsidian-gold"] .sidebar {
        box-shadow: 12px 0 35px rgb(0 0 0 / 28%);
    }
}

/* Outsourced-service editor */

html[data-design-theme="obsidian-gold"]
    .outsourced-service-editor {
    --surface: var(--obsidian-surface);
    --surface-soft: var(--obsidian-surface-soft);
    --ink: var(--obsidian-ink);
    --ink-soft: var(--obsidian-ink-soft);
    --muted: var(--obsidian-muted);
    --line: var(--obsidian-border);
    --line-strong: var(--obsidian-border-strong);
    --primary: var(--obsidian-gold);
    --primary-hover: var(--obsidian-gold-hover);
    --primary-soft: var(--obsidian-gold-soft);
    --accent: var(--obsidian-gold);
    --accent-hover: var(--obsidian-gold-hover);
    --accent-soft: var(--obsidian-gold-soft);

    color: var(--obsidian-ink);
}

html[data-design-theme="obsidian-gold"]
    .main-content:has(.outsourced-service-editor) {
    color: var(--obsidian-ink);
    background: var(--obsidian-canvas);
}

html[data-design-theme="obsidian-gold"]
    .outsourced-service-editor
    .back-link,
html[data-design-theme="obsidian-gold"]
    .outsourced-service-editor
    .eyebrow {
    color: var(--obsidian-gold-hover);
}

html[data-design-theme="obsidian-gold"]
    .outsourced-service-editor
    .project-hero
    h1 {
    color: var(--obsidian-ink);
}

html[data-design-theme="obsidian-gold"]
    .outsourced-service-editor
    .page-summary {
    color: var(--obsidian-muted);
}

html[data-design-theme="obsidian-gold"]
    .outsourced-service-form
    .editor-section {
    background: var(--obsidian-surface);
    border-color: var(--obsidian-border);
    box-shadow: none;
}

html[data-design-theme="obsidian-gold"]
    .outsourced-form-heading__icon {
    color: var(--obsidian-gold);
}

html[data-design-theme="obsidian-gold"]
    .outsourced-form-heading
    h2 {
    color: var(--obsidian-ink);
}

html[data-design-theme="obsidian-gold"]
    .outsourced-form-heading__description {
    color: var(--obsidian-muted);
}

html[data-design-theme="obsidian-gold"]
    .outsourced-item-form {
    background: #fffefa;
    border-color: var(--obsidian-border);
}

html[data-design-theme="obsidian-gold"]
    .outsourced-item-number {
    color: var(--obsidian-ink);
}

html[data-design-theme="obsidian-gold"]
    .outsourced-service-form
    .form-field
    > label {
    color: var(--obsidian-ink);
}

html[data-design-theme="obsidian-gold"]
    .outsourced-service-form
    .form-field
    input:not([type="checkbox"]):not([type="radio"]),
html[data-design-theme="obsidian-gold"]
    .outsourced-service-form
    .form-field
    select {
    color: var(--obsidian-ink);
    background: #ffffff;
    border-color: var(--obsidian-border-strong);
}

html[data-design-theme="obsidian-gold"]
    .outsourced-service-form
    .form-field
    input::placeholder {
    color: #908c84;
}

html[data-design-theme="obsidian-gold"]
    .outsourced-service-form
    .form-field
    input:focus,
html[data-design-theme="obsidian-gold"]
    .outsourced-service-form
    .form-field
    select:focus {
    border-color: var(--obsidian-gold);
    outline: none;
    box-shadow: 0 0 0 2px rgb(191 136 38 / 12%);
}

html[data-design-theme="obsidian-gold"]
    .outsourced-service-form
    [data-add-outsourced-item] {
    color: var(--obsidian-gold-hover);
    background: transparent;
    border-color: var(--obsidian-gold);
}

html[data-design-theme="obsidian-gold"]
    .outsourced-service-form
    [data-add-outsourced-item]:hover {
    color: #171108;
    background: var(--obsidian-gold-soft);
}

html[data-design-theme="obsidian-gold"]
    .outsourced-service-form
    .editor-actions {
    border-top-color: var(--obsidian-border);
}

html[data-design-theme="obsidian-gold"]
    .outsourced-service-form
    .button--primary {
    color: #171108;
    background: var(--obsidian-gold);
    border-color: var(--obsidian-gold);
    box-shadow: none;
}

html[data-design-theme="obsidian-gold"]
    .outsourced-service-form
    .button--primary:hover {
    color: #ffffff;
    background: var(--obsidian-gold-hover);
    border-color: var(--obsidian-gold-hover);
}

html[data-design-theme="obsidian-gold"]
    .outsourced-service-form
    .button--ghost {
    color: var(--obsidian-ink-soft);
    background: transparent;
    border-color: transparent;
}

html[data-design-theme="obsidian-gold"]
    .outsourced-service-form
    .button--ghost:hover {
    color: var(--obsidian-gold-hover);
    background: var(--obsidian-gold-soft);
}