/* NextLot Public Theme Fallback — canonical --nxlt-* token values. Dual role: served as the site-theme S3 seed / runtime fallback, AND inlined into style_index_public_base (via an extensionless @import in src/_99_css_variables.scss) so tokens are always defined. Site themes override these at runtime; -rgb/-contrast companions are auto-derived on save. Plain CSS only (no Sass syntax). */ :root { /* Global Brand Variables */ --nxlt-body-color: #1a1a1a; --nxlt-body-color-rgb: 26, 26, 26; --nxlt-body-bg: #ffffff; --nxlt-body-bg-rgb: 255, 255, 255; --nxlt-brand-primary-color: #0A4158; --nxlt-brand-primary-rgb: 10, 65, 88; --nxlt-brand-primary-contrast-color: #ffffff; /* precomputed contrast for #0A4158 */ --nxlt-brand-secondary-color: #4B8378; --nxlt-brand-secondary-rgb: 75, 131, 120; --nxlt-brand-secondary-contrast-color: #ffffff; /* precomputed contrast for #4B8378 */ --nxlt-brand-auxiliary-color: var(--nxlt-brand-secondary-color); --nxlt-brand-auxiliary-rgb: var(--nxlt-brand-secondary-rgb); --nxlt-brand-auxiliary-contrast-color: var(--nxlt-brand-secondary-contrast-color); --nxlt-brand-accent-color: #FF9636; --nxlt-brand-accent-rgb: 255, 150, 54; --nxlt-brand-highlight-color: #fcf8e3; --nxlt-brand-highlight-background-color: var(--nxlt-brand-highlight-color); --nxlt-brand-images-background-color: #000000; --nxlt-brand-images-bg-contrast: #ffffff; /* precomputed contrast for #000000 */ --nxlt-carousel-control-prev-mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='black' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); --nxlt-carousel-control-next-mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='black' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --nxlt-brand-cap-background-color: color-mix(in srgb, var(--nxlt-brand-auxiliary-color), white 80%); --nxlt-brand-cap-text-color: #000000; /* precomputed contrast for cap-bg (~#dbe6e4, derived from auxiliary mixed 80% white) */ --nxlt-font-family-base: "Helvetica Neue", Helvetica, Arial, sans-serif; --nxlt-headings-font-family: var(--nxlt-font-family-base); --nxlt-headers-font-family: var(--nxlt-headings-font-family); --nxlt-font-size-root: 16px; --nxlt-font-size-base: 1rem; --nxlt-font-size-sm: calc(var(--nxlt-font-size-base) * 0.875); /* base 16px => 14px */ --nxlt-font-size-lg: calc(var(--nxlt-font-size-base) * 1.25); /* base 16px => 20px */ --nxlt-border-color: #dee2e6; /* Bootstrap default border; themeable, backs all --bs-border-color */ --nxlt-color-alpha-gray: rgba(128, 128, 128, 0.5); /* Bidder Variables */ --nxlt-brand-accent-contrast-color: #000000; /* precomputed contrast for #FF9636 */ --nxlt-bid-button-background: var(--nxlt-brand-accent-color); --nxlt-bid-button-background-rgb: var(--nxlt-brand-accent-rgb); --nxlt-bid-button-color: var(--nxlt-brand-accent-contrast-color); --nxlt-bid-button-border: 2px solid color-mix(in srgb, var(--nxlt-brand-accent-color), white 30%); --nxlt-bid-button-font-weight: 700; --nxlt-bid-button-disabled-border: 1px solid color-mix(in srgb, var(--nxlt-brand-accent-color), black 5%); --nxlt-bid-button-disabled-background: color-mix(in srgb, var(--nxlt-brand-accent-color), black 15%); --nxlt-bid-button-disabled-color: color-mix(in srgb, var(--nxlt-brand-accent-contrast-color), var(--nxlt-brand-accent-color) 15%); --nxlt-bid-button-youarein-border: 2px solid color-mix(in srgb, var(--nxlt-brand-accent-color), white 10%); --nxlt-bid-button-youarein-background: color-mix(in srgb, var(--nxlt-brand-accent-color), white 10%); --nxlt-bid-button-youarein-color: color-mix(in srgb, var(--nxlt-brand-accent-contrast-color), var(--nxlt-brand-accent-color) 10%); --nxlt-cmp-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); --nxlt-cmp-border-radius: 3px; --nxlt-cmp-outline-size: 8px; --nxlt-cmp-outline-border: none; --nxlt-cmp-header-background: var(--nxlt-brand-accent-contrast-color); --nxlt-cmp-header-font-weight: 400; --nxlt-cmp-header-padding: 0.5rem 1rem; --nxlt-cmp-content-text-color: #ffffff; /* precomputed contrast for #0A4158 */ --nxlt-bid-button-hover-bg: color-mix(in srgb, var(--nxlt-brand-accent-color), transparent 50%); --nxlt-fast-bidding-pulse-bg: color-mix(in srgb, var(--nxlt-brand-accent-color), transparent 70%); --nxlt-fast-bidding-border-bg: color-mix(in srgb, var(--nxlt-brand-accent-color), white 15%); /* === WEBCAST VARIABLES === */ --nxlt-webcast-container-max-width: 1260px; /* == Bidder/Viewer Variables == */ --nxlt-webcast-bidder-outline-height: 240px; /* = Layout - Header = */ --nxlt-webcast-bidder-header-height: 70px; --nxlt-webcast-bidder-header-logo-height: calc(var(--nxlt-webcast-bidder-header-height) - 2 * var(--nxlt-webcast-bidder-header-vertical-padding)); /* substract header vertical padding */ --nxlt-webcast-bidder-header-welcome-max-width: 250px; --nxlt-webcast-bidder-header-vertical-padding: 5px; --nxlt-webcast-bidder-header-color: var(--nxlt-brand-primary-color); /* = Catalog & My Purchases = */ --nxlt-webcast-bidder-lot-list-item-height: 90px; /* has to match LOTS_LIST_ITEM_HEIGHT value in BidderCatalogLotsListCmp.tsx */ --nxlt-webcast-bidder-lot-list-item-margin-bottom: 6px; --nxlt-webcast-bidder-lot-list-item-border-bottom-width: 1px; --nxlt-webcast-bidder-lot-list-item-padding: 8px; /* = Media streaming = */ --nxlt-webcast-bidder-media-streaming-height: 240px; /* = Chat = */ --nxlt-webcast-bidder-chat-msg-time-color: color-mix(in srgb, var(--nxlt-body-color), transparent 30%); --nxlt-webcast-bidder-chat-msg-ours-bg: color-mix(in srgb, var(--nxlt-brand-primary-color), transparent 90%); --nxlt-webcast-bidder-chat-msg-theirs-bg: color-mix(in srgb, var(--nxlt-body-bg), transparent 66%); }