/* Public web dark theme. The shared toggle enables this stylesheet explicitly.
   Keep this after page styles; Filament and partner panels own their themes. */
:root { color-scheme: dark; }

@media screen {
    :root {
        --bi-page: #14161c;
        --bi-surface: #1e212a;
        --bi-raised: #282c37;
        --bi-ink: #f1f2f6;
        --bi-muted: #b5bac8;
        --bi-line: #414654;
        --bi-accent: #ff9389;
        --bi-accent-soft: #382629;
        --bi-success: #8bdfb1;
        --bi-warning: #f4cf83;
        --bi-danger: #ffaaa6;
        --text-color: var(--bi-muted);
        --heading: var(--bi-ink);
        --dev-bg: var(--bi-page);
        --dev-border: var(--bi-line);
        --dev-accent-light: var(--bi-accent-soft);
    }

    html, body { background-color: var(--bi-page); color: var(--bi-ink); }
    h1, h2, h3, h4, h5, h6 { color: var(--bi-ink); }
    a { color: var(--bi-accent); }
    a:hover { color: #ffc2bb; }
    hr { border-color: var(--bi-line); }
    :focus-visible { outline-color: var(--bi-accent); }

    /* Shared Bootstrap and legacy template surfaces. */
    html :is(.bg-white, .bg-light, .bg-gray-50, .bg-gray-100, .bg-gray-200) {
        background-color: var(--bi-surface) !important;
    }
    html :is(.text-dark, .tx-dark, .text-black, .text-gray-900, .text-gray-800, .text-gray-700) {
        color: var(--bi-ink) !important;
    }
    html :is(.text-muted, .text-secondary, .text-gray-600, .text-gray-500) {
        color: var(--bi-muted) !important;
    }
    html :is(.border, .border-top, .border-bottom, .border-gray-200, .border-gray-100) {
        border-color: var(--bi-line) !important;
    }
    html :is(.card, .card-header, .modal-content, .dropdown-menu, .list-group-item, .accordion-item, .accordion-button, .page-link) {
        background-color: var(--bi-surface);
        color: var(--bi-ink);
        border-color: var(--bi-line);
    }
    html :is(.dropdown-item, .breadcrumb-item.active) { color: var(--bi-ink); }
    html :is(.dropdown-item:hover, .dropdown-item:focus, .accordion-button:not(.collapsed), .page-link:hover) {
        background-color: var(--bi-raised);
        color: var(--bi-accent);
    }
    html :is(.breadcrumb-item a, .breadcrumb-item + .breadcrumb-item::before) { color: var(--bi-muted); }
    html .table {
        --bs-table-bg: transparent;
        --bs-table-striped-bg: var(--bi-raised);
        --bs-table-striped-color: var(--bi-ink);
        --bs-table-hover-bg: var(--bi-raised);
        --bs-table-hover-color: var(--bi-ink);
        color: var(--bi-ink);
        border-color: var(--bi-line);
    }
    html .btn-close { filter: invert(1) grayscale(1); }
    html :is(.btn-outline-secondary, .btn-outline-dark) { color: var(--bi-ink); border-color: var(--bi-line); }
    html :is(.fancy-short-banner-three.bg, .auth-page--profile, .profile-hero) {
        background: radial-gradient(ellipse at 80% 0, #38262c, transparent 65%), var(--bi-page);
    }
    html .fancy-short-banner-three.bg::before { background-image: none; }
    html :is(.fancy-short-banner-three h2, .title-style-six .main-title, .theme-basic-footer .footer-title) { color: var(--bi-ink); }
    html :is(.theme-basic-footer .footer-nav-link a, .theme-basic-footer .email, .theme-basic-footer .social-icon a) { color: var(--bi-muted); }
    html .theme-basic-footer a:hover { color: var(--bi-accent); }
    html .footer-style-two .top-footer > img.shapes { filter: invert(1); opacity: .55; }

    /* Existing component tokens keep page-specific typography and geometry. */
    html .auth-page.fancy-short-banner-three,
    html .auth-page.auth-page--profile.fancy-short-banner-three {
        --auth-ink: var(--bi-ink);
        --auth-muted: var(--bi-muted);
        --auth-line: var(--bi-line);
        --auth-coral-soft: var(--bi-accent-soft);
        --auth-coral-dark: var(--bi-accent);
        --profile-surface: var(--bi-page);
    }
    html .otp-verification-page {
        --otp-verification-ink: var(--bi-ink);
        --otp-verification-muted: var(--bi-muted);
        --otp-verification-line: var(--bi-line);
        --otp-verification-coral-soft: var(--bi-accent-soft);
        --otp-verification-coral-dark: var(--bi-accent);
        --otp-verification-error: var(--bi-danger);
        --otp-verification-success: var(--bi-success);
    }
    html :is(.opportunity-detail-section, .opportunities .opportunity-card) {
        --opportunity-detail-ink: var(--bi-ink);
        --opportunity-detail-muted: var(--bi-muted);
        --opportunity-detail-line: var(--bi-line);
        --opportunity-detail-soft: var(--bi-raised);
        --opportunity-detail-accent-dark: var(--bi-accent);
        --opportunity-card-ink: var(--bi-ink);
        --opportunity-card-muted: var(--bi-muted);
        --opportunity-card-line: var(--bi-line);
    }
    html .about-landing {
        --about-ink: var(--bi-ink); --about-muted: var(--bi-muted);
        --about-line: var(--bi-line); --about-surface: var(--bi-raised);
        --about-accent-accessible: var(--bi-accent); --about-purple: #cfb9ff;
    }
    html .faq-landing {
        --faq-ink: var(--bi-ink); --faq-muted: var(--bi-muted);
        --faq-line: var(--bi-line); --faq-surface: var(--bi-raised);
        --faq-accent-dark: var(--bi-accent);
    }
    html .contact-landing {
        --contact-ink: var(--bi-ink); --contact-muted: var(--bi-muted);
        --contact-line: var(--bi-line); --contact-soft: var(--bi-raised);
        --contact-accent-dark: var(--bi-accent);
    }
    html .brands-landing {
        --brands-ink: var(--bi-ink); --brands-muted: var(--bi-muted);
        --brands-line: var(--bi-line); --brands-action: var(--bi-accent);
    }
    html .logo-guide { --guide-ink: var(--bi-ink); --guide-line: var(--bi-line); --guide-accent: var(--bi-accent); }
    html .developer-landing {
        --landing-ink: var(--bi-ink); --landing-muted: var(--bi-muted);
        --landing-surface: var(--bi-raised);
    }

    /* Forms: include native controls, autofill, OTP and dynamically shown fields. */
    html body :is(input:where(:not([type=checkbox], [type=radio], [type=submit], [type=button], [type=reset], [type=image], [type=hidden], [type=range], [type=color])), textarea, select, .form-control, .form-select, .nice-select, .nice-select .list) {
        /* Legacy input selectors hard-code black text, including focused fields. */
        background-color: var(--bi-surface) !important;
        color: var(--bi-ink) !important;
        border-color: var(--bi-line);
    }
    html body :is(input, textarea)::placeholder { color: var(--bi-muted); opacity: 1; }
    html body :is(input, textarea, select):focus:not(:disabled) { border-color: var(--bi-accent); }
    html body :is(input, textarea, select):disabled { background-color: var(--bi-raised) !important; color: var(--bi-muted) !important; }
    html input:-webkit-autofill {
        -webkit-text-fill-color: var(--bi-ink);
        -webkit-box-shadow: 0 0 0 1000px var(--bi-surface) inset;
        caret-color: var(--bi-ink);
    }
    html :is(.input-group-meta label, .auth-page .form-label, .form-check-label, .poll-title, .category-title) { color: var(--bi-ink); }
    html :is(.phone-prefix, .input-group-text, .file-upload-control, .auth-help-panel, .auth-google-account, .auth-login-tabs, .auth-page .verification-method-toggle .btn-group, .auth-page .custom-radio-wrapper, .auth-page .auth-scope-list li, .auth-page .auth-preference-option) {
        background: var(--bi-raised); color: var(--bi-ink); border-color: var(--bi-line);
    }
    html :is(.auth-card, .otp-verification-card, .auth-profile-card, .profile-personal, .profile-education, .profile-coupons, .auth-secondary-button, .notification-preferences-card, .notification-preferences-summary, .auth-coupon-card) {
        background: var(--bi-surface); color: var(--bi-ink); border-color: var(--bi-line);
    }
    html :is(.auth-page .auth-identity-panel, .auth-page .auth-info-panel, .auth-page--coupons .coupon-filter-group, .auth-coupon-summary span, .auth-coupon-list .filter-container) {
        background: var(--bi-raised); color: var(--bi-ink); border-color: var(--bi-line);
    }
    html :is(.auth-login-tabs .nav-link, .auth-page .btn-method, .auth-page .custom-radio-wrapper label, .otp-verification-description strong, .otp-verification-footer, .auth-secondary-button) { color: var(--bi-ink); }
    html :is(.auth-login-tabs .nav-link.active, .auth-page .verification-method-toggle .btn-method.active, .auth-page--coupons .coupon-filter-pill.is-active) {
        background: var(--bi-accent-soft); color: var(--bi-accent);
    }
    html .auth-page--profile :is(.auth-profile-card, #editEducationBtn, #profileInformation .input-group-meta, #educationDisplay .input-group-meta) {
        background: var(--bi-surface); color: var(--bi-ink); border-color: var(--bi-line);
    }
    html .auth-page--profile #educationEdit .auth-education-update-form { background: transparent; }
    html .auth-page--profile .profile-account-links .btn { color: var(--bi-ink); }
    html .auth-page--profile .auth-profile-card--compact .profile-account-links .btn-outline-custom:is(:hover, :focus-visible) {
        background: var(--bi-raised); color: var(--bi-ink) !important; border-color: var(--bi-accent);
    }
    html .profile-status { color: var(--bi-success); }
    html .profile-status--pending { color: var(--bi-warning); }
    html :is(.otp-verification-attempts, .otp-verification-attempts strong) { background: #382f20; color: var(--bi-warning); border-color: #685535; }
    html :is(.otp-verification-digit, .otp-verification-cell.is-filled .otp-verification-digit) { background: var(--bi-surface); color: var(--bi-ink); }

    /* Status semantics remain distinct on dark surfaces. */
    html body .alert { background: #352529; color: var(--bi-danger); border-color: #694047; }
    html body .alert-success { background: #20382d; color: var(--bi-success); border-color: #3b6652; }
    html body .alert-info { background: #213247; color: #a9d1ff; border-color: #405a79; }
    html body .alert-warning { background: #382f20; color: var(--bi-warning); border-color: #685535; }
    html :is(.text-danger, .invalid-feedback, .field-error) { color: var(--bi-danger) !important; }
    html .text-success { color: var(--bi-success) !important; }
    html .is-invalid { border-color: var(--bi-danger) !important; }
    html :is(.alert a, .alert strong) { color: inherit; }

    /* Campaign artwork and brand-logo plates deliberately retain their colors. */
    html :is(.opportunities .opportunity-card, .opportunities .opportunity-card__category, .opportunities .opportunity-card__proof, .opportunity-detail-card, .opportunity-detail-card__body, .opportunity-detail-card__meta, .opportunity-info-card, .opportunity-quick-facts, .opportunity-help-card, .opportunity-share-menu, .poll-form-container, .poll-category) {
        background: var(--bi-surface); border-color: var(--bi-line);
    }
    html :is(.opportunities .opportunity-card__category, .opportunity-share-menu__actions a, .opportunity-share-menu__actions button) { color: var(--bi-accent); }
    html :is(.opportunities .opportunity-card__proof, .opportunity-share-menu__close, .coupon-display__date, .coupon-display__copy-hint, .coupon-display__code-label, .category-subtitle) { color: var(--bi-muted); }
    /* Rich campaign bodies have their own light palette in opportunity-show.css. */
    html .opportunity-info-card__content,
    html .opportunity-info-card__content :is(p, li) { color: var(--bi-muted); }
    html .opportunity-info-card__content :is(strong, b, h1, h2, h3, h4, h5, h6) { color: var(--bi-ink); }
    html :is(.opportunity-detail-card__action, .opportunity-detail-card__validity, .opportunity-info-card--terms, .opportunity-share-menu__actions a, .opportunity-share-menu__actions button, .opportunity-help-card__link, .coupon-wallet__current, .coupon-wallet__rights, .coupon-display--default, .coupon-display--history, .qr-display) {
        background: var(--bi-raised); border-color: var(--bi-line); color: var(--bi-ink);
    }
    html :is(.coupon-code-display, .coupon-display--history .coupon-code-display, .coupon-wallet__redirect) {
        background: var(--bi-surface); color: var(--bi-accent); border-color: var(--bi-accent);
    }
    html :is(.coupon-code-display.is-copied, .coupon-wallet__rights--success) { background: #20382d; color: var(--bi-success); border-color: #3b6652; }
    html :is(.coupon-code-display--invalidated, .coupon-wallet__rights--unavailable) { background: var(--bi-surface); color: var(--bi-muted); border-color: var(--bi-line); }
    html :is(.coupon-display__title, .coupon-wallet__history summary, .coupon-wallet__rights p, .opportunity-share-menu, .opportunity-start-countdown--detail .countdown-segment strong) { color: var(--bi-ink); }
    html .opportunity-start-countdown--detail .countdown-segment { background: var(--bi-surface); }
    html :is(.opportunities .opportunity-card__cta.trial-button, .opportunity-detail-section .trial-button:not(.opportunity-card__cta), .auth-page--coupons .auth-coupon-card .trial-button) {
        background: var(--bi-raised); color: var(--bi-ink); border-color: var(--bi-line);
    }
    html :is(.opportunities .opportunity-card__cta.trial-button:hover, .opportunity-detail-section .trial-button:not(.opportunity-card__cta):hover) { background: var(--bi-accent-soft); color: var(--bi-accent); }
    html .qr-container { background: #fff; color: #17152b; color-scheme: light; }

    /* Public information, developer portal and blog pages. */
    html :is(.about-hero, .about-section--benefits, .about-section--channels, .faq-hero, .contact-hero, .brands-hero, .brands-reach, .developer-hero, .developer-example) { background: var(--bi-page); }
    html :is(.about-section--process, .brands-targeting, .guide-hero) { background: var(--bi-raised); }
    html :is(.about-benefit-card, .about-button--secondary, .faq-filter:not(.is-active), .faq-item, .contact-form-card, .contact-card, .brands-segments li, .brands-slider-nav button, .brands-contact__form, .guide-nav a, .logo-guide .download-link, .dev-sidebar, .dev-card, .dev-app-card, .dev-doc-box, .developer-capability-card, .developer-button--secondary, .blog-meta-one, .blog-meta-two, .blog-sidebar .sidebar-category, .blog-sidebar .sidebar-search) {
        background: var(--bi-surface); color: var(--bi-ink); border-color: var(--bi-line);
    }
    html :is(.brands-landing p, .logo-guide p, .logo-guide li, .dev-sidebar-brand h5, .dev-sidebar-nav a, .dev-meta-value, .blog-title, .blog-details .blog-header .title, .blog-details .blog-details-content p) { color: var(--bi-ink); }
    /* CMS articles can carry light-only inline link colors. */
    html .blog-content :is(a:not(.btn)[style*="color"], a:not(.btn) [style*="color"]) { color: var(--bi-accent) !important; }
    html .blog-content .btn-twentyTwo { background: #006d68; color: #fff !important; }
    html :is(.dev-meta-label, .dev-sidebar-brand span, .dev-sidebar-nav .nav-label) { color: var(--bi-muted); }
    html :is(.about-closing, .developer-process__number) { background: #202634; }
    /* These actions use the same token for link text elsewhere; keep solid contrast. */
    html :is(.about-button--primary, .brands-button, .brands-contact__form .send-btn, .guide-nav a:first-child) { background: #b9362d; color: #fff; }
    html :is(.about-button--primary:hover, .brands-button:hover) { background: #942b24; color: #fff; }
    html :is(.brands-reach__copy p, .brands-contact__copy p) { color: #d5dbe4; }
    /* Existing logo artwork contains dark lettering, so each logo needs a light plate. */
    html .partner-section-four .partner_slider_one .item {
        box-sizing: border-box; min-height: 52px; padding: 6px; background: #fff;
        border: 1px solid #e5e7eb; border-radius: 10px;
    }
    html .partner-section-four .partner_slider_one img { max-width: 100%; }
    html .brands-landing .brands-logos li {
        box-sizing: border-box; margin: 4px; background: #fff;
        border: 1px solid #e5e7eb; border-radius: 10px;
    }
    /* Remove the baked white field in the three line illustrations on dark surfaces. */
    html .brands-landing .brands-channel > img {
        filter: invert(1) hue-rotate(180deg); mix-blend-mode: screen;
    }

    /* Header, mobile drawer and bottom navigation share the same dark glass. */
    html .theme-main-menu.liquid-glass-menu {
        --menu-liquid-dark: #080a10;
        --menu-liquid-light: #818898;
        --menu-liquid-accent: var(--bi-accent);
        background: rgba(30, 33, 42, .96);
        outline-color: var(--bi-line);
    }
    html .theme-main-menu.liquid-glass-menu :is(.navbar .navbar-nav .nav-link, .login-btn-one, #userDropdown, .mobile-menu-category__toggle, .mobile-menu-account__menu-link, .mobile-menu-category__title strong, .mobile-menu-directory__featured strong, .mobile-menu-account__details strong, .mobile-menu-account__guest strong) { color: var(--bi-ink); }
    html .theme-main-menu.liquid-glass-menu :is(.right-widget .dropdown-menu, .navbar-collapse.show, .navbar-collapse.collapsing, .mobile-menu-account, .mobile-menu-category, .mobile-menu-directory__featured) {
        background: var(--bi-surface); border-color: var(--bi-line); color: var(--bi-ink);
    }
    html .theme-main-menu.liquid-glass-menu :is(.right-widget .dropdown-item, .mobile-menu-category__content a) { color: var(--bi-ink); }
    html .theme-main-menu.liquid-glass-menu :is(.mobile-menu-category__title small, .mobile-menu-directory__featured small, .mobile-menu-account__details small, .mobile-menu-account__guest small) { color: var(--bi-muted); }
    html .theme-main-menu.liquid-glass-menu :is(.mobile-menu-account__avatar, .mobile-menu-category__plus, .mobile-menu-directory__featured-icon, .mobile-menu-link__icon, .navbar-toggler) { background: var(--bi-raised); color: var(--bi-accent); }
    html .theme-main-menu.liquid-glass-menu :is(.navbar-toggler::before, .navbar-toggler::after, .navbar-toggler span) { background: var(--bi-ink); }
    html .theme-main-menu.liquid-glass-menu .right-widget .dropdown-item:hover { background: var(--bi-raised); color: var(--bi-accent); }
    html .mobile-liquid-nav { --liquid-light: #818898; --liquid-dark: #080a10; --liquid-nav-accent: #fff; }
    html .mobile-liquid-nav__glass { background: rgba(30, 33, 42, .96); border-color: var(--bi-line); }
    html .mobile-liquid-nav__item { color: var(--bi-muted); }
    html .mobile-liquid-nav__item:is(.is-active, .is-pending, :hover, :focus-visible) { color: #fff; }
    html .mobile-liquid-nav__selection-lens { background: #454b5b; }

    html :is(.terms-content, .privacy-content, .kvkv-content) { color: var(--bi-ink); }
    html :is(.terms-content h3, .privacy-content h3, .kvkv-content h3) { color: var(--bi-ink); }
    html :is(.highlight, .info-box, .cookie-preferences pre) { background: var(--bi-raised); color: var(--bi-ink); }
    html .account-deletion-page {
        --coral-soft: var(--bi-accent-soft); --coral-dark: var(--bi-accent);
        --ink: var(--bi-ink); --muted: var(--bi-muted);
        background: var(--bi-page); color: var(--bi-ink);
    }
    html .account-deletion-page :is(.card, .note) { background: var(--bi-surface); border-color: var(--bi-line); }
    html .account-deletion-page .primary { background: #b9362d; color: #fff; }
    html .birthday-gifts-page {
        --birthday-ink: var(--bi-ink); --birthday-muted: var(--bi-muted);
        --birthday-line: var(--bi-line); --birthday-canvas: var(--bi-page);
        --birthday-cream: var(--bi-surface); --birthday-coral-soft: var(--bi-accent-soft);
        --birthday-success: var(--bi-success); --birthday-success-soft: #20382d;
        --birthday-warning: var(--bi-warning); --birthday-warning-soft: #382f20;
        --birthday-danger: var(--bi-danger); --birthday-danger-soft: #352529;
        background: var(--bi-page);
    }
    html .birthday-stage { background: radial-gradient(ellipse at 80% 0, #38262c, transparent 65%), var(--bi-page); }
    html .birthday-stage::before { background-image: none; }
    html :is(.contact-context, .logo-guide code) { background: #302943; color: #cfb9ff; }
    html .contact-alert--success { background: #20382d; color: var(--bi-success); }
    html .contact-alert--error { background: #352529; color: var(--bi-danger); }
    html .contact-alert--info { background: #213247; color: #a9d1ff; }
    html :is(.terms-content, .privacy-content, .kvkv-content) .company-info { background: var(--bi-raised); }
    html :is(.otp-verification-back, .otp-verification-expiry strong) { color: var(--bi-muted); }
    html .auth-page--profile .auth-profile-card--compact .d-grid .btn { color: var(--bi-ink) !important; }
    html :is(.block-style-thirtyEight .list-item li, .block-style-three .list-item li, .block-style-seven .list-item li, .card-style-thirteen p) { color: var(--bi-muted); }
    html :is(.brands-eyebrow, .guide-eyebrow, .profile-eyebrow) { background: var(--bi-accent-soft); }
    html :is(.contact-section__eyebrow, .developer-section-heading__kicker) { color: var(--bi-accent); }
    html body :is(.btn-four, .auth-primary-button.btn-four, .contact-submit, .contact-button--primary, .developer-button--primary, .faq-filter.is-active, .category-btn.active) { background: #b9362d; color: #fff; border-color: #b9362d; }
    html body :is(.btn-four:hover, .auth-primary-button.btn-four:hover, .contact-submit:hover, .contact-button--primary:hover, .developer-button--primary:hover) { background: #942b24; color: #fff; }
    html :is(.category-btn:not(.active), .category-nav-container .category-prev, .category-nav-container .category-next, .category-search-launch) { background: var(--bi-surface); color: var(--bi-ink); border-color: var(--bi-line); }
    html .opportunities .opportunity-card__image-fallback { background: radial-gradient(circle at 80% 16%, #503238, transparent 60%), var(--bi-raised); color: var(--bi-muted); }
    html :is(.opportunities .opportunity-card__media.img-meta, .opportunity-detail-card__media) { background-color: var(--bi-raised); }
    html .birthday-gifts-section { background: var(--bi-page); }
    html :is(.birthday-gift-card, .birthday-empty-state) { background: var(--bi-surface); }
    html .birthday-gifts-page .coupon-reveal-card .coupon-code-display { background: var(--bi-surface) !important; color: var(--bi-ink) !important; }
    html .cashier-page {
        --surface: var(--bi-surface); --background: var(--bi-page);
        --text-main: var(--bi-ink); --text-secondary: var(--bi-muted); --border: var(--bi-line);
        --error-card-bg: #382629; --error-card-border: #83515a; --error-toast-border: #83515a;
        --error-card-label: #ffaaa6; --error-card-text: #ffd0cd;
    }
    html :is(.terms-content, .privacy-content, .kvkv-content) .highlight { background: var(--bi-raised); color: var(--bi-ink); }
    html .privacy-content a { color: var(--bi-accent) !important; }
    html .fancy-feature-fortyTwo .nav-tabs .nav-link.active { background: #b9362d; border-color: #b9362d; color: #fff; }
    html .platform-button-group a.windows-button { background: var(--bi-surface); border-color: var(--bi-line); }
    html .platform-button-group a.windows-button :is(span, strong) { color: var(--bi-ink); }
    html .birthday-stage__eyebrow { color: #20213a; border-color: #20213a; box-shadow: 4px 4px 0 #20213a; }
    html .birthday-stage__lead { color: var(--bi-muted); }
    html .cashier-page .btn-primary { background: #b9362d; color: #fff; }
    html .is-valid { border-color: var(--bi-success); }
    html :is(.poll-question-card, .poll-choice) { background: var(--bi-surface); border-color: var(--bi-line); color: var(--bi-ink); }
    html :is(.poll-question__title, .poll-choice__label) { color: var(--bi-ink); }
    html :is(.opportunity-detail-card__description, .opportunity-related-section__header h2, .opportunity-detail-card__action .trial-button-secondary) { color: var(--bi-ink); }
    html .opportunity-help-card p { color: var(--bi-muted); }
    html .opportunity-detail-card__share { background: var(--bi-raised); color: var(--bi-accent); border-color: var(--bi-line); }
    html.partner-verification {
        --ty-ink: var(--bi-ink); --ty-muted: var(--bi-muted); --ty-hint: var(--bi-muted); --ty-border: var(--bi-line); --ty-soft: var(--bi-raised);
        --ty-success-bg: #20382d; --ty-success-text: var(--bi-success);
        --ty-error-bg: #352529; --ty-error-text: var(--bi-danger);
        --ty-warning-bg: #382f20; --ty-warning-text: var(--bi-warning);
    }
    html.partner-verification :is(.card, .brand-card, .copy-btn, .ghost-btn--error) { background: var(--bi-surface); color: var(--bi-ink); border-color: var(--bi-line); }
    html.partner-verification :is(.brand-badge, .info-box) { background: var(--bi-raised); color: var(--bi-ink); }
    html.partner-verification :is(.header p, .form-label, .ghost-btn, .info-box p, .info-box a) { color: var(--bi-muted); }
    html.partner-verification .loader { background: rgba(20, 22, 28, .92); }
    html .theme-main-menu.liquid-glass-menu:has(.navbar-collapse.show) { background-color: var(--bi-surface); }
    html .theme-main-menu.liquid-glass-menu .navbar-collapse.show { box-shadow: 0 -8px 0 var(--bi-surface); }
    html .theme-main-menu.liquid-glass-menu :is(.mobile-menu-directory__utilities a, .mobile-menu-contact, .mobile-menu-contact__socials a) { background: var(--bi-surface); color: var(--bi-ink); border-color: var(--bi-line); }
    html .theme-main-menu.liquid-glass-menu :is(.mobile-menu-contact__heading strong, .mobile-menu-contact__email) { color: var(--bi-ink); }
    html .theme-main-menu.liquid-glass-menu :is(.mobile-menu-directory__utilities a i, .mobile-menu-directory__arrow, .mobile-menu-category__link .mobile-menu-category__plus, .mobile-menu-category__toggle[aria-expanded='true'] .mobile-menu-category__plus) { background: var(--bi-raised); color: var(--bi-accent); }
    html body .auth-page :is(.form-control, .form-select):is(:hover, :focus) { background: var(--bi-surface); color: var(--bi-ink); border-color: var(--bi-accent); }
    html body .auth-page .auth-primary-button.btn-four:is(:hover, :focus-visible) { background: #942b24; color: #fff; }
    html .auth-page--coupons .auth-coupon-card { background: var(--bi-surface) !important; }
    html .auth-page--coupons .auth-coupon-card--expired { background: var(--bi-raised) !important; }
    html .auth-page--coupons .auth-coupon-card .bg-light { background: var(--bi-raised) !important; }
    html .auth-page--coupons .auth-coupon-card .bg-success { background: #20382d !important; color: var(--bi-success) !important; }
    html .auth-page--coupons .auth-coupon-card .bg-secondary { background: var(--bi-raised) !important; color: var(--bi-muted) !important; }
    html .birthday-gift-card__brand-cover { background: var(--bi-raised); color: var(--bi-ink); }
    html .poll-choice:has(input:checked) { background: #302943; color: #cfb9ff; border-color: #cfb9ff; }
    html .theme-main-menu.liquid-glass-menu :is(.mobile-menu-contact__address, .mobile-menu-contact__mersis, .mobile-menu-contact__heading small) { color: var(--bi-muted); }
    html :is(.coupon-wallet__section-heading h2, .coupon-wallet__rights-copy h2) { color: var(--bi-ink); }
    html .coupon-wallet__eyebrow { color: var(--bi-accent); }
    html .coupon-wallet__history { background: var(--bi-surface); border-color: var(--bi-line); }
    html :is(.coupon-wallet__history summary small, .auth-page--coupons .coupon-filter-pill, .auth-page .auth-help-question, .auth-back-link) { color: var(--bi-muted); }
    html .auth-page .verification-method-toggle .btn-method { color: var(--bi-ink); }
    html .auth-page .verification-method-toggle .btn-method.active { color: var(--bi-accent); }
    html .auth-page .auth-preference-option:has(.form-check-input:checked) { background: var(--bi-accent-soft); border-color: var(--bi-accent); }
    html.partner-verification .privacy-note a { color: var(--bi-muted); }
    html.partner-verification .primary-btn { background: #aa3d00; color: #fff; }
    html.partner-verification--n11 .primary-btn { background: #a32097; }
    html.partner-verification--n11 .primary-btn:hover:not(:disabled) { background: #841b7a; }
    html .auth-page .auth-back-link { color: var(--bi-muted) !important; }
    html .auth-page .auth-back-link:hover { color: var(--bi-accent) !important; }
    html .auth-profile-tabs { background: var(--bi-raised); border-color: var(--bi-line); }
    html .auth-profile-tabs .nav-link { color: var(--bi-muted); }
    html .auth-profile-tabs .nav-link.active { background: var(--bi-surface); color: var(--bi-accent); }


    /* Expanded route audit: open content, populated lists and secondary actions. */
    html .faq-landing { --faq-accent: var(--bi-accent); }
    html .faq-question[aria-expanded='true'] .faq-question__icon { background: #b9362d; color: #fff; }
    html :is(.faq-animation, .about-animation, .contact-animation, .developer-animation) svg [fill="rgb(45,23,106)"],
    html :is(.faq-animation, .about-animation, .contact-animation, .developer-animation) svg [fill="rgb(46,24,106)"] { fill: #a17bdc; }
    html :is(.faq-animation, .about-animation, .contact-animation, .developer-animation) svg [stroke="rgb(45,23,106)"],
    html :is(.faq-animation, .about-animation, .contact-animation, .developer-animation) svg [stroke="rgb(46,24,106)"] { stroke: #a17bdc; }
    html .about-benefit-card__visual { background: var(--bi-raised); }
    html :is(.opportunity-quick-facts p, .opportunity-quick-facts dd) { color: var(--bi-muted); }
    html .opportunity-quick-facts dt { color: var(--bi-ink); }
    html .auth-page .auth-check-row { color: var(--bi-muted); }
    html .auth-page--profile .profile-email-verification__link { background: var(--bi-raised); border-color: var(--bi-line); }
    html .auth-page.auth-page--profile { background: var(--bi-page); }
    html :is(.form-text, .blog-content blockquote) { color: var(--bi-muted); }
    html :is(.card-style-twenty, .unsubscribe-result .status-card) { background: var(--bi-surface); border-color: var(--bi-line); }
    html .unsubscribe-result .status-note { color: var(--bi-muted); }
    html :is(.unsubscribe-result .status-icon.success, .badge-soft-success) { background: #20382d; color: var(--bi-success); }
    html :is(.unsubscribe-result .status-icon.error, .badge-soft-danger) { background: #352529; color: var(--bi-danger); }
    html .badge-soft-warning { background: #382f20; color: var(--bi-warning); }
    html .btn-outline-danger { color: var(--bi-danger); border-color: var(--bi-danger); }
    html .btn-outline-danger:hover { background: #a02c36; color: #fff; }
    html .btn-twentyOne { background: #b9362d; color: #fff; }
    html .birthday-primary-button { background: #b9362d; color: #fff; }
    html .birthday-gift-card__badge { background: var(--bi-accent-soft); color: var(--bi-accent); }

    html .dev-portal-wrapper { --dev-accent: var(--bi-accent); }
    html :is(.doc-card, .doc-step, .dev-radio-box, .dev-scope-box, .credential-box, .dev-secret-alert) { background: var(--bi-surface); color: var(--bi-ink); border-color: var(--bi-line); }
    html :is(.dev-form-label, .doc-section-title, .doc-step h4, .scope-table th, .dev-radio-box strong, .dev-scope-box strong) { color: var(--bi-ink); }
    html :is(.doc-accordion .accordion-body, .dev-sidebar-footer, .dev-radio-box p, .dev-scope-box p) { color: var(--bi-muted); }
    html :is(.doc-tab-button, .doc-pill, .dev-scope-tag, .dev-metric-pill) { background: var(--bi-accent-soft); color: var(--bi-accent); }
    html :is(.doc-tab-button.active, .doc-step h4 span, .btn-gradient) { background: #b9362d; color: #fff; }
    html :is(.btn-gradient:hover, .btn-gradient:focus-visible) { background: #942b24; color: #fff; }
    html .doc-copy-btn { color: var(--bi-ink); background: var(--bi-raised); }
    html :is(.dev-radio-box, .dev-scope-box):has(input:checked) { background: var(--bi-accent-soft); border-color: var(--bi-accent); }
    html .api-method-get { color: var(--bi-success); background: #20382d; }
    html .api-method-post { color: #a9d1ff; background: #213247; }
    html .badge.bg-warning.text-dark { color: #292015 !important; }
    html code { color: #ffadc9; }
    html pre code { color: inherit; }

    html .logo-guide .example-pair, html .logo-guide .bg-light { background: var(--bi-raised) !important; }
    html .logo-guide .download-link:hover { background: var(--bi-accent-soft); color: var(--bi-accent); }
    html .logo-guide .dos li > span { color: var(--bi-success); }
    html .logo-guide li > span.fw-bold { color: var(--bi-accent); }
    /* Logo samples intentionally demonstrate their documented light/dark plates. */
    html .logo-guide :is(.logo-display, .logo-display-bo):not(.dark-bg-outline) { color-scheme: light; }

    html body.campaign-unsubscribe-page { background: var(--bi-page); }
    html .campaign-page :is(.campaign-detail, .notification-preferences-card) { background: var(--bi-surface); border-color: var(--bi-line); }
    html .campaign-page :is(.campaign-detail p, .campaign-card .auth-card__description, .campaign-secondary) { color: var(--bi-muted); }
    html .campaign-unsubscribe-page .campaign-footer { color: var(--bi-muted); }
    html .campaign-page .campaign-button { background: #b9362d; color: #fff; }

    html .akbank-isic-page {
        --campaign-ink: var(--bi-ink); --campaign-muted: var(--bi-muted);
        --campaign-line: var(--bi-line); --campaign-soft: #382629;
        --campaign-red: #ff8e92; --campaign-red-dark: #ffb8ba; --isic-deep: #72d7d8;
        background: var(--bi-page);
    }
    html .akbank-isic-page .hero-section { background: radial-gradient(circle at 16% 12%, #48292e, transparent 42%), var(--bi-page); }
    html .akbank-isic-page :is(.application-shell, .step-card, .step-card:nth-child(2), .choice-card, .application-footer, .advantage-item, .advantage-item:nth-child(even), .application-result) { background: var(--bi-surface); border-color: var(--bi-line); }
    html .akbank-isic-page :is(.isic-intro, .advantages-section, .final-cta) { background: var(--bi-page); }
    html .akbank-isic-page :is(.otp-panel, .choice-option input:checked + .choice-card) { background: var(--bi-raised); border-color: var(--bi-accent); }
    html .akbank-isic-page :is(.application-status, .application-status.is-error, .application-result.is-error) { background: #352529; color: var(--bi-danger); border-color: #694047; }
    html .akbank-isic-page :is(.application-status.is-success, .application-result.is-success) { background: #20382d; color: var(--bi-success); border-color: #3b6652; }
    html .akbank-isic-page .campaign-button { background: #b51e25; color: #fff; border-color: #b51e25; }
    html .akbank-isic-page .campaign-button:hover { background: #95191f; color: #fff; border-color: #95191f; }
    html .akbank-isic-page .logo-x { color: var(--bi-muted); }
    html .akbank-isic-page .final-card { background: #302126; }
    html .akbank-isic-page .final-card .campaign-button { background: #b51e25; color: #fff; border-color: #b51e25; }

    html :is(.bg-slate-50, .bg-slate-100, .bg-slate-200) { background-color: var(--bi-surface) !important; }
    html :is(.text-slate-900, .text-slate-800, .text-slate-700) { color: var(--bi-ink) !important; }
    html :is(.text-slate-600, .text-slate-500) { color: var(--bi-muted) !important; }
    html :is(.border-slate-200, .border-slate-100) { border-color: var(--bi-line) !important; }
    html .bg-amber-50 { background-color: #382f20 !important; }
    html :is(.text-amber-800, .text-amber-700) { color: var(--bi-warning) !important; }
    html .bg-orange-500 { background-color: #aa3d00 !important; }

    html .auth-page.auth-page--profile.fancy-short-banner-three { background: var(--bi-page); }
    html body .auth-page .alert { background: #352529; color: var(--bi-danger); border-color: #694047; }
    html body .auth-page .alert-info { background: #213247; color: #a9d1ff; border-color: #405a79; }
    html body .auth-page .alert-success { background: #20382d; color: var(--bi-success); border-color: #3b6652; }
    html body .auth-page .alert-warning { background: #382f20; color: var(--bi-warning); border-color: #685535; }
    html .badge.bg-info.text-dark { color: #10252c !important; }
    html .dev-info-box { background: var(--bi-raised); color: var(--bi-ink); border-color: var(--bi-line); }
    html .pagination .page-item .page-link { background-color: var(--bi-surface) !important; color: var(--bi-ink) !important; border-color: var(--bi-line) !important; }
    html .pagination .page-item.active .page-link { background-color: #b9362d !important; color: #fff !important; border-color: #b9362d !important; }
    html .pagination .page-item.disabled .page-link { background-color: var(--bi-surface) !important; color: var(--bi-muted) !important; border-color: var(--bi-line) !important; }
    html .pagination .page-item .page-link:hover { background-color: var(--bi-raised) !important; color: var(--bi-accent) !important; }
    html .opportunity-detail-card__proof { background: #20382d; color: var(--bi-success); border-color: #3b6652; }
    html .demographics-page {
        --primary-color: var(--bi-accent); --primary-light: var(--bi-accent-soft);
        --primary-gradient: linear-gradient(135deg, #b9362d, #962d28);
        --gray-50: var(--bi-surface); --gray-100: var(--bi-raised);
        --gray-200: var(--bi-line); --gray-300: #565e70;
        --gray-600: var(--bi-muted); --gray-700: var(--bi-ink);
        --gray-800: var(--bi-ink); --gray-900: var(--bi-ink);
    }
    html .demographics-page :is(.card, .card-header, .metric-item, .table th, .nav-tabs, .form-control) { background: var(--bi-surface); color: var(--bi-ink); border-color: var(--bi-line); }
    html .demographics-page .metric-item h3 { color: var(--bi-ink); }
    html .demographics-page .card-header.bg-warning { background: #382f20 !important; color: var(--bi-warning); }
    html .demographics-page .card-header.bg-warning h5 { color: var(--bi-warning); }
    html .bg-blue-500.text-white { background-color: #265ba6 !important; }

    html .opportunity-detail-card__status--upcoming { background: #b9362d; color: #fff; }
    html .opportunity-start-countdown--detail .countdown-eyebrow { color: var(--bi-muted); }
    html .opportunity-detail-section #educationEdit .input-group-meta .form-label { color: var(--bi-ink); }
    html .coupon-wallet__rights--unavailable .coupon-wallet__eyebrow { color: var(--bi-muted); }
    html .auth-page--profile #educationEdit .auth-education-update-form .form-label { color: var(--bi-ink); }
    html .auth-page .btn-link { color: var(--bi-accent); }
    html .contact-landing .help-block { color: var(--bi-danger); }
    html.partner-verification .code-pill { background: var(--bi-raised); color: var(--bi-ink); border-color: var(--bi-line); }
    html .auth-page--coupons .auth-coupon-card .btn-outline-custom { background: var(--bi-raised); color: var(--bi-ink); border-color: var(--bi-line); }
    html .auth-page--coupons .auth-coupon-card .btn-outline-custom:hover { background: var(--bi-accent-soft); color: var(--bi-accent); }
    html .mobile-app-banner__action { background: #b9362d; color: #fff; }
    html .mobile-app-banner__action:hover { background: #942b24; }
    html .mobile-app-banner__close { color: #d5dbe4; }
    html .fancy-feature-fortyTwo .nav-tabs .nav-link:not(.active) { background: var(--bi-surface); color: var(--bi-ink); border-color: var(--bi-line); }
    html .fancy-feature-fortyTwo .nav-tabs .nav-link:not(.active):hover { background: var(--bi-raised); color: var(--bi-accent); }
    html .category-search-launch.is-active { background: var(--bi-accent-soft); border-color: var(--bi-accent); }
    html img[src*="/icon/icon_122.svg"] { filter: invert(1); }
    html .legal-modal-content { background: var(--bi-surface); }
    html .legal-modal-header { background: #a92f28; color: #fff; }
    html .loading-spinner { color: var(--bi-muted); }
    html .dev-sidebar-toggle { background: #b9362d; color: #fff; }
    html .theme-basic-footer img[src*="itu_ari_teknokent"] { background: #fff; padding: 5px; border-radius: 5px; box-sizing: content-box; }
}

@media print { :root { color-scheme: light; } }