/* ChangeHub dark theme — override of Premium Exchanger CSS variables. Applied via nginx sub_filter. Regenerate: scratchpad/gen_theme.py */
:root{
  --background-image: none !important;
  --color-banner-button: #141F33 !important;
  --color-banner-button-text: #2DD4BF !important;
  --color-banner-fill: #2DD4BF !important;
  --color-banner-text: #04211D !important;
  --color-bg-main: linear-gradient(180deg,#0B1220 0%,#0E1626 100%) !important;
  --color-burgermenu-background: #141F33 !important;
  --color-burgermenu-dividers: rgba(148,163,184,0.2) !important;
  --color-burgermenu-item-click: rgba(45,212,191,0.6) !important;
  --color-burgermenu-item-hover: rgba(45,212,191,0.4) !important;
  --color-burgermenu-item-text: #EAF1F8 !important;
  --color-button-footer-text: #2DD4BF !important;
  --color-button-form-background-default: #2DD4BF !important;
  --color-button-form-border-color-default: rgba(148,163,184,0.18) !important;
  --color-button-form-text: #04211D !important;
  --color-button-header-background-default: rgba(45,212,191, 0) !important;
  --color-button-header-border: rgba(45,212,191,0.2) !important;
  --color-button-header-text: #2DD4BF !important;
  --color-button-text-icons: #04211D !important;
  --color-currency-item-hover: rgba(45,212,191,0.2) !important;
  --color-currency-item-selected: rgba(45,212,191,0.1) !important;
  --color-dark-links: #2DD4BF !important;
  --color-dividers: rgba(45,212,191,0.08) !important;
  --color-fiat-cash-card-account-icon: #141F33 !important;
  --color-fiat-fills: #2DD4BF !important;
  --color-field-icons: #2DD4BF !important;
  --color-field-icons-secondary: #141F33 !important;
  --color-field-text: #EAF1F8 !important;
  --color-field-text-secondary: #93A4BC !important;
  --color-fields-stroke-default-hover: rgba(148,163,184,0.18) !important;
  --color-footer: rgba(44, 20, 7, 0) !important;
  --color-footer-link: #2DD4BF !important;
  --color-footer-link-click: #14B8A6 !important;
  --color-footer-link-hover: #5EEAD4 !important;
  --color-footer-link-icons: #2DD4BF !important;
  --color-footer-text: #EAF1F8 !important;
  --color-form-chip-default: rgba(45,212,191,0.04) !important;
  --color-form-chip-hovered: rgba(45,212,191,0.24) !important;
  --color-form-chip-selected: rgba(45,212,191,0.16) !important;
  --color-form-chip-stroke: rgba(0,165,220,0) !important;
  --color-form-chip-text: #EAF1F8 !important;
  --color-form-chip-text-selected: #EAF1F8 !important;
  --color-form-deviders: rgba(12,51,151,0.1) !important;
  --color-form-droplist-dividers: rgba(45,212,191,0.08) !important;
  --color-form-droplist-fill: #141F33 !important;
  --color-form-droplist-item-hover: rgba(45,212,191,0.2) !important;
  --color-form-droplist-item-selected: rgba(45,212,191,0.1) !important;
  --color-form-droplist-text: #EAF1F8 !important;
  --color-form-field-fill: #141F33 !important;
  --color-form-field-icons: #2DD4BF !important;
  --color-form-field-icons-secondary: #5EEAD4 !important;
  --color-form-field-stroke-hovers-clicks: #2DD4BF !important;
  --color-form-field-text: #EAF1F8 !important;
  --color-form-field-text-secondary: #93A4BC !important;
  --color-form-h2: #EAF1F8 !important;
  --color-form-link: #2DD4BF !important;
  --color-form-link-click: #EAF1F8 !important;
  --color-form-link-hover: #14B8A6 !important;
  --color-form-scrolls: rgba(45,212,191,0.2) !important;
  --color-form-small-block: rgba(45,212,191, 0.05) !important;
  --color-form-small-block-stroke: rgba(217, 217, 217, 0) !important;
  --color-form-switch-thumb-selected: #141F33 !important;
  --color-form-text: #EAF1F8 !important;
  --color-form-text-secondary: #93A4BC !important;
  --color-form-total-field-fill: #141F33 !important;
  --color-form-total-icons: #2DD4BF !important;
  --color-form-total-text: #EAF1F8 !important;
  --color-form-total-text-secondary: #93A4BC !important;
  --color-form-warning: #FBBF24 !important;
  --color-from-icons: #2DD4BF !important;
  --color-from-icons-secondary: #5EEAD4 !important;
  --color-h1-h2: #EAF1F8 !important;
  --color-header-1: linear-gradient(90deg, rgba(11,18,32, 0.1) 0%, rgba(11,18,32, 0.1) 100%) !important;
  --color-header-2: linear-gradient(90deg, rgba(45,212,191, 0.1) 0%, rgba(45,212,191, 0.1) 100%) !important;
  --color-header-link: #2DD4BF !important;
  --color-header-link-click: #14B8A6 !important;
  --color-header-link-hover: #5EEAD4 !important;
  --color-header-link-icons: #2DD4BF !important;
  --color-header-text: #EAF1F8 !important;
  --color-icons: #2DD4BF !important;
  --color-icons-secondary: rgba(45,212,191,0.5) !important;
  --color-item-currency: rgba(45,212,191, 0.1) !important;
  --color-link: #2DD4BF !important;
  --color-link-click: #EAF1F8 !important;
  --color-link-hover: #EAF1F8 !important;
  --color-loading-overlay: rgba(11,18,32,0.72) !important;
  --color-negative: #FB7185 !important;
  --color-negative-fill: rgba(251,113,133,0.16) !important;
  --color-order-page-button-text-icons: #04211D !important;
  --color-order-page-dividers: rgba(45,212,191,0.08) !important;
  --color-order-page-icons-primary: #2DD4BF !important;
  --color-order-page-icons-secondary: #5EEAD4 !important;
  --color-order-page-link: #EAF1F8 !important;
  --color-order-page-link-click: #EAF1F8 !important;
  --color-order-page-link-hover: #EAF1F8 !important;
  --color-order-page-primary-button-stroke-clicks: rgba(0, 78, 74, 0) !important;
  --color-order-page-primary-button-stroke-defaults: rgba(246, 246, 246, 0) !important;
  --color-order-page-qr: #EAF1F8 !important;
  --color-order-page-secondary-button: #141F33 !important;
  --color-order-page-secondary-button-stroke-clicks: #2DD4BF !important;
  --color-order-page-secondary-button-stroke-defaults: rgba(45,212,191, 0.4) !important;
  --color-order-page-secondary-button-text-icons: #2DD4BF !important;
  --color-order-page-switch-fill-hovered: rgba(45,212,191,0.4) !important;
  --color-order-page-switch-fill-selected: #2DD4BF !important;
  --color-order-page-switch-stroke: #2DD4BF !important;
  --color-order-page-switch-text-default: #2DD4BF !important;
  --color-order-page-switch-text-on-selected: #141F33 !important;
  --color-order-page-text: #EAF1F8 !important;
  --color-order-page-text-on-large-paper: #EAF1F8 !important;
  --color-order-page-text-secondary: #93A4BC !important;
  --color-paper-background: #141F33 !important;
  --color-paper-banner-border: rgba(11,18,32, 0.2) !important;
  --color-paper-form-background: #141F33 !important;
  --color-paper-form-border: linear-gradient(205deg, rgba(172, 245, 230, 0) 0%, rgba(88, 236, 206, 0) 50%, rgba(11,18,32, 0) 99%) !important;
  --color-paper-large-background: #141F33 !important;
  --color-paper-large-border: linear-gradient(92deg, rgba(7, 35, 41, 0) 0%, rgba(93, 208, 255, 0) 50%, rgba(1, 33, 52, 0) 100%) !important;
  --color-paper-medium-background: rgba(45,212,191, 0.04) !important;
  --color-paper-medium-border: linear-gradient(90deg, rgba(230, 230, 230, 0) 0%, rgba(230, 230, 230, 0) 100%) !important;
  --color-paper-page-main-border: rgba(255, 37, 41, 0) !important;
  --color-paper-small-border: rgba(45,212,191, 0.1) !important;
  --color-popup-overlay: rgba(11,18,32,0.72) !important;
  --color-positive: #34D399 !important;
  --color-positive-fill: rgba(52,211,153,0.16) !important;
  --color-primary-button-stroke-clicks: rgba(45,212,191, 0) !important;
  --color-primary-button-stroke-defaults: rgba(246, 246, 246, 0) !important;
  --color-scrolls: rgba(45,212,191,0.16) !important;
  --color-secondary-button-stroke-clicks: #2DD4BF !important;
  --color-secondary-button-stroke-defaults: rgba(45,212,191, 0.4) !important;
  --color-secondary-button-text-icons: #2DD4BF !important;
  --color-secondary-text: #93A4BC !important;
  --color-social-background: linear-gradient(180deg, rgba(45, 180, 205, 0) 0%, rgba(23, 90, 103, 0) 100%) !important;
  --color-social-border: linear-gradient(180deg, rgba(202, 202, 202, 0) 0%, rgba(70, 70, 70, 0) 100%) !important;
  --color-social-icons: #2DD4BF !important;
  --color-text: #EAF1F8 !important;
  --color-text-notification: #141F33 !important;
  --color-tooltip: #2DD4BF !important;
  --color-tooltip-text: #141F33 !important;
  --color-total-stroke-default: rgba(148,163,184,0.18) !important;
  --color-total-stroke-error: #ff001a !important;
  --color-total-stroke-hover: #2DD4BF !important;
  --color-warning: #FBBF24 !important;
  --color-warning-fill: rgba(251,191,36,0.16) !important;
}
html,body{background:#0B1220 !important;}

/* ChangeHub desktop scale-down (mobile-first PE was oversized on PC) */
@media (min-width:1100px){
  :root{--button-form-height-desktop:56px !important;--button-form-radius-desktop:14px !important;--button-header-and-footer-height-desktop:40px !important;}
  #root > div{zoom:0.85;}
}