/*
 * Ryerson (RD) tenant theme.
 * Visual parity reference: RyersonDirect/Views/Shared/_Layout.cshtml (gold CTA buttons via
 * ".ui18-stdGoldButton", dark header). No external font/CDN references here -- the main site
 * loads Typekit + Font Awesome from CDNs, but this payments host's CSP blocks third-party
 * origins, so this theme uses system fonts and a self-contained palette instead.
 */
:root {
    --pay-brand-primary: #1a1a1a;
    --pay-brand-accent: #cf9f4d;
    --pay-brand-accent-dark: #b3873b;
    --pay-brand-text-on-primary: #ffffff;
    --pay-brand-font: "Segoe UI", Arial, Helvetica, sans-serif;
}

body {
    font-family: var(--pay-brand-font);
}

.pay-header {
    background-color: var(--pay-brand-primary);
    color: var(--pay-brand-text-on-primary);
    border-bottom: 4px solid var(--pay-brand-accent);
}

.pay-header .pay-brand-name {
    color: var(--pay-brand-text-on-primary);
    font-weight: 700;
    letter-spacing: 0.03em;
}

.pay-btn-primary {
    background-color: var(--pay-brand-accent);
    border-color: var(--pay-brand-accent);
    color: #1a1a1a;
}

.pay-btn-primary:hover {
    background-color: var(--pay-brand-accent-dark);
    border-color: var(--pay-brand-accent-dark);
    color: #1a1a1a;
}