/* Shared button styles. Every color comes from docs/brand/palette.json. */
:root {
    --rd-button-primary-bg: linear-gradient(180deg, var(--rd-color-003dcc,#003DCC), var(--rd-color-0033ab,#0033AB));
    --rd-button-primary-text: #FFFFFF;
    --rd-button-primary-border: var(--rd-color-0033ab,#0033AB);
    --rd-button-secondary-bg: var(--rd-color-f9fbff,#F9FBFF);
    --rd-button-secondary-text: var(--rd-color-0033ab,#0033AB);
    --rd-button-secondary-border: var(--rd-color-d2e0ff,#D2E0FF);
    --rd-button-accent-bg: var(--rd-color-ffa400,#FFA400);
    --rd-button-accent-text: var(--rd-color-05141f,#05141F);
    --rd-button-accent-border: var(--rd-color-ffa400,#FFA400);
    --rd-button-soft-accent-bg: rgba(var(--rd-rgb-ffa400,255,164,0), 0.16);
    --rd-button-danger-bg: linear-gradient(180deg, var(--rd-color-39434a,#39434A), var(--rd-color-222b35,#222B35));
    --rd-button-danger-text: #FFFFFF;
    --rd-button-danger-border: var(--rd-color-222b35,#222B35);
}

:where(button, input[type="submit"], input[type="button"], .btn, .button,
    .admin-link, .logout, .ev-button, .rd-service-header__button,
    [class^="btn-"], [class*=" btn-"]) {
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 700;
    border-radius: 8px;
    transition: box-shadow 0.15s ease, transform 0.15s ease;
}

:where(button, input[type="submit"], input[type="button"], .btn, .button,
    .admin-link, .logout, .ev-button, .rd-service-header__button,
    [class^="btn-"], [class*=" btn-"]):focus-visible {
    outline: 3px solid var(--rd-color-ffa400,#FFA400);
    outline-offset: 3px;
}

:where(button, input[type="submit"], input[type="button"], .btn, .button,
    .admin-link, .logout, .ev-button, .rd-service-header__button,
    [class^="btn-"], [class*=" btn-"]):disabled,
:where(.btn, .button, .rd-service-header__button)[aria-disabled="true"] {
    opacity: 0.55;
    cursor: not-allowed;
}