/* CRONHUETTE-Gestaltung fuer die BTCPay-Bezahlseite (pay.learn-cnc.de).
   Einbinden: BTCPay → Store → Einstellungen → Checkout-Darstellung → „Eigenes CSS“ = https://cronhuette.de/_tor/btcpay-marke.css
   (bzw. Server-Einstellungen → Branding). Logo: https://cronhuette.de/assets/logo/wordmark-black-plain.svg,
   Markenfarbe: #0B0F14 (bzw. Bitcoin-Orange #F7931A fuer CRONBTCPAY). */
@font-face { font-family: "Montserrat"; font-weight: 100 900; font-display: swap; src: url("https://cronhuette.de/fonts/Montserrat-VF.woff2") format("woff2"); }
@font-face { font-family: "Cormorant Garamond"; font-weight: 300 700; font-display: swap; src: url("https://cronhuette.de/fonts/CormorantGaramond-VF.woff2") format("woff2"); }
@font-face { font-family: "DM Mono"; font-weight: 400; font-display: swap; src: url("https://cronhuette.de/fonts/DMMono-400.woff2") format("woff2"); }
:root {
  --btcpay-font-family-base: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --btcpay-font-family-monospace: "DM Mono", ui-monospace, Menlo, monospace;
  --btcpay-primary: #0B0F14; --btcpay-primary-accent: #18212C; --btcpay-primary-text: #F7F6F1;
  --btcpay-body-bg: #F7F6F1; --btcpay-body-text: #0B0F14; --btcpay-body-text-muted: #4B5563;
  --btcpay-bg-tile: #FFFFFF; --btcpay-body-border-light: rgba(11, 15, 20, .12); --btcpay-body-border-medium: rgba(11, 15, 20, .18);
  --btcpay-border-radius: 0; --btcpay-border-radius-l: 0; --btcpay-border-radius-xl: 0;
  --btcpay-link: #A85F0B; --btcpay-link-accent: #0B0F14; --btcpay-focus: #D7B37A;
}
@media (prefers-color-scheme: dark) {
  :root { --btcpay-body-bg: #0B0F14; --btcpay-body-text: #F7F6F1; --btcpay-body-text-muted: #CFC9BC; --btcpay-bg-tile: #151B23;
    --btcpay-primary: #D7B37A; --btcpay-primary-accent: #E3C48F; --btcpay-primary-text: #0B0F14;
    --btcpay-body-border-light: rgba(247, 246, 241, .10); --btcpay-body-border-medium: rgba(247, 246, 241, .18); --btcpay-link: #F7931A; }
}
body { font-family: var(--btcpay-font-family-base); }
h1, h2, .h1, .h2 { font-family: "Cormorant Garamond", Georgia, serif; font-weight: 400; }
.btn, button { border-radius: 0 !important; letter-spacing: .14em; text-transform: uppercase; font-weight: 500; }
.btn-primary:hover { box-shadow: inset 0 -2px 0 #D7B37A; }
.card, .tile, #Checkout .tile, .modal-content { border-radius: 0 !important; }
.amount, code, .truncate-center { font-family: var(--btcpay-font-family-monospace); }
main::before, #Checkout::before { content: ""; display: block; height: 2px; margin-bottom: 1rem;
  background: linear-gradient(90deg, rgba(215, 179, 122, 0), #D7B37A 18%, #F0DDB4 50%, #D7B37A 82%, rgba(215, 179, 122, 0)); }