/*
 * ShineUp Moto2 Light 2026
 * Finalna, wspolna warstwa jasnego motywu ShineUp.Zone.
 *
 * Plik jest celowo ladowany po arkuszach konkretnych widokow. Wszystkie
 * reguly sa ograniczone do data-theme="light", aby nie naruszyc gotowego
 * ciemnego motywu.
 */

html[data-theme="light"] {
  color-scheme: light;
  --bg: #f5f6f8;
  --bg-soft: #eef0f3;
  --surface: #ffffff;
  --surface-solid: #ffffff;
  --surface-2: #f0f2f5;
  --surface-3: #e7eaee;
  --text: #17191e;
  --text-soft: #6a6f7a;
  --text-faint: #9298a2;
  --line: #e2e5e9;
  --line-strong: #cfd4da;
  --gold: #e9c889;
  --gold-bright: #f3dcae;
  --gold-deep: #9a7133;
  --gold-wash: #fbf5e9;
  --accent: #e9c889;
  --accent-hover: #f3dcae;
  --soft: #f0f2f5;
  --muted: #6a6f7a;
  --success: #32745a;
  --danger: #c74c56;
  --guard-bg: #f5f6f8;
  --guard-surface: #ffffff;
  --guard-surface-soft: #f0f2f5;
  --guard-text: #17191e;
  --guard-muted: #6a6f7a;
  --guard-line: #e2e5e9;
  --guard-gold: #e9c889;
  --guard-gold-light: #f3dcae;
  --guard-danger: #c74c56;
  --guard-danger-soft: #fff1f2;
  --guard-shadow: 0 30px 80px rgba(21, 32, 49, .13);
  --shadow: 0 14px 46px rgba(21, 32, 49, .075);
  --shadow-soft: 0 7px 24px rgba(21, 32, 49, .055);
  --su-gold-ink: #201b13;
  --su-light-bg: #f5f6f8;
  --su-light-panel: #ffffff;
  --su-light-panel-soft: #f0f2f5;
  --su-light-line: #e2e5e9;
  --su-light-text: #17191e;
  --su-light-muted: #6a6f7a;
  --su-light-accent: #e9c889;
  --su-light-accent-hover: #f3dcae;
  --su-light-gold: #9a7133;
}

html[data-theme="light"] body {
  background: var(--su-light-bg);
  color: var(--su-light-text);
}

html[data-theme="light"] ::selection {
  color: var(--su-gold-ink);
  background: var(--su-light-accent);
}

/* Chrome aplikacji */
html[data-theme="light"] :is(.topbar,.m-messenger-appbar,.m-chat-header) {
  background: color-mix(in srgb, var(--surface-solid) 96%, transparent);
  border-color: var(--line);
  box-shadow: 0 1px 0 rgba(21, 32, 49, .035);
  backdrop-filter: blur(18px) saturate(112%);
}

html[data-theme="light"] :is(.sidebar,.guest-sidebar,.right-rail,.bottom-nav,.m-bottom-nav) {
  background-color: var(--surface-solid);
  border-color: var(--line);
}

html[data-theme="light"] :is(.main-area,.content-area) {
  background-color: var(--bg);
}

html[data-theme="light"] .main-nav a {
  color: var(--text-soft);
}

html[data-theme="light"] .main-nav a:hover {
  color: var(--text);
  background: var(--surface-2);
}

html[data-theme="light"] .main-nav a.active {
  color: var(--text);
  background: linear-gradient(90deg, var(--gold-wash), rgba(251, 245, 233, .3) 68%, transparent);
}

html[data-theme="light"] .main-nav a.active::before {
  background: var(--gold-deep);
  box-shadow: none;
}

html[data-theme="light"] :is(.global-search,.search-large,.conversation-search,.profile-connections-search,.m-contacts-search) {
  color: var(--text-soft);
  background: var(--surface-2);
  border-color: var(--line);
  box-shadow: none;
}

html[data-theme="light"] :is(.global-search,.search-large,.conversation-search,.profile-connections-search,.m-contacts-search):focus-within {
  border-color: color-mix(in srgb, var(--gold-deep) 60%, var(--line-strong));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--gold) 28%, transparent);
}

/* Wspolny kontrakt powierzchni. */
html[data-theme="light"] :is(
  .rail-card,
  .lux-card,
  .dashboard-card,
  .dashboard-stat,
  .section-card,
  .post-card,
  .search-panel,
  .stat-box,
  .garage-car,
  .views-group,
  .editor-shell,
  .notice-list,
  .legal-hero,
  .legal-nav,
  .legal-article,
  .faq-item,
  .how-step,
  .how-area-card,
  .roadmap-item,
  .online-person-card,
  .profile-edit-panel,
  .profile-settings-panel,
  .profile-connections-dialog,
  .company-simple-dialog,
  .company-admin-modal-dialog,
  .account-menu-panel,
  .feed-tag-page-intro,
  .feed-filter,
  .posts-composer,
  .posts-filter,
  .social-post-card,
  .notifications-filters,
  .notifications-list-card,
  .conversation-list,
  .chat-pane,
  .chat-empty-state,
  .chat-details,
  .m-messenger-app,
  .m-chat-app
) {
  background-color: var(--surface-solid);
  border-color: var(--line);
  box-shadow: var(--shadow-soft);
}

/* Kontener ustawien odpowiada tylko za siatke. Kartami sa nawigacja i panel. */
html[data-theme="light"] .settings-layout {
  background: transparent;
  border: 0;
  box-shadow: none;
}

html[data-theme="light"] :is(
  .stat-box,
  .dashboard-person-card,
  .dashboard-fuel-grid > div,
  .dashboard-empty,
  .profile-edit-choice,
  .profile-edit-toggle,
  .company-contact-upload,
  .company-contact-vehicle,
  .notifications-group,
  .conversation-search,
  .m-contacts-search,
  .m-composer-field
) {
  background-color: var(--surface-2);
  border-color: var(--line);
}

html[data-theme="light"] body[data-route="dashboard"] .dashboard-stat {
  background-color: var(--surface-solid);
  border-color: var(--line-strong);
  box-shadow: 0 9px 26px rgba(21, 32, 49, .085);
}

html[data-theme="light"] :is(
  .search-autocomplete-results,
  .desktop-create-menu,
  .service-filter-panel,
  .chat-emoji-picker,
  .comment-emoji-picker,
  .profile-lightbox-dialog,
  .fuel-chart-tooltip,
  .company-notification-detail,
  .dashboard-people-arrow,
  .dashboard-carousel-arrow,
  .mobile-create-panel
) {
  background-color: var(--surface-solid);
  border-color: var(--line);
  box-shadow: 0 20px 56px rgba(21, 32, 49, .13);
}

html[data-theme="light"] :is(.outline-btn,.soft-btn,.text-btn,.chip,.profile-action,.dashboard-icon-btn) {
  border-color: var(--line-strong);
}

html[data-theme="light"] :is(.outline-btn,.soft-btn,.chip,.profile-action):hover {
  color: var(--text);
  background: var(--surface-2);
  border-color: var(--line-strong);
}

/* Formularze i dialogi */
html[data-theme="light"] :is(input,textarea,select) {
  color: var(--text);
}

html[data-theme="light"] :is(input,textarea)::placeholder {
  color: var(--text-faint);
  opacity: 1;
}

html[data-theme="light"] :is(
  .standalone-auth-field,
  input.field,
  select.field,
  textarea.field,
  .wizard-field input,
  .wizard-field select,
  .wizard-field textarea,
  .profile-edit-panel input,
  .profile-edit-panel select,
  .profile-edit-panel textarea,
  .profile-settings-panel input,
  .profile-settings-panel select,
  .profile-settings-panel textarea
) {
  color: var(--text);
  background-color: var(--surface-2);
  border-color: var(--line);
}

html[data-theme="light"] :is(select option,.profile-edit-panel select.field option,.profile-settings-panel select.field option) {
  color: var(--text);
  background: var(--surface-solid);
}

html[data-theme="light"] :is(
  .modal-backdrop,
  .chat-delete-modal,
  .profile-connections-backdrop,
  .watch-share-modal,
  .feed-edit-modal,
  .feed-delete-modal,
  .company-page-modal > .modal-backdrop
) {
  background-color: rgba(23, 25, 30, .46);
}

html[data-theme="light"] :is(
  .chat-delete-modal > section,
  .m-confirm-layer > section,
  .watch-share-dialog,
  .feed-edit-dialog,
  .feed-delete-dialog,
  .posts-report-dialog,
  .company-simple-dialog,
  .company-admin-modal-dialog
) {
  color: var(--text);
  background-color: var(--surface-solid);
  border-color: var(--line-strong);
  box-shadow: 0 26px 78px rgba(21, 32, 49, .18);
}

/* Logowanie, rejestracja i odzyskiwanie konta. */
html[data-theme="light"] :is(.standalone-auth,.auth-page) {
  background:
    radial-gradient(circle at 12% 8%, rgba(233, 200, 137, .18), transparent 28rem),
    radial-gradient(circle at 92% 90%, rgba(21, 32, 49, .045), transparent 30rem),
    var(--bg);
}

html[data-theme="light"] .standalone-auth-shell {
  background: var(--surface-solid);
  border-color: var(--line);
  box-shadow: 0 30px 90px rgba(21, 32, 49, .12);
}

html[data-theme="light"] .standalone-auth-panel {
  background: linear-gradient(145deg, var(--surface-solid), color-mix(in srgb, var(--surface-2) 42%, var(--surface-solid)));
}

html[data-theme="light"] :is(.standalone-social-login button,.standalone-social-login a,.standalone-google-login) {
  color: var(--text);
  background-color: var(--surface-solid);
  border-color: var(--line);
}

html[data-theme="light"] :is(.standalone-social-login button,.standalone-social-login a,.standalone-google-login):hover {
  color: var(--text);
  background-color: var(--surface-2);
  border-color: var(--line-strong);
}

/* Start publiczny: chlodna paleta Moto2, bez cieplego bezowego tla. */
html[data-theme="light"] .home-hero {
  background: linear-gradient(135deg, #ffffff 0%, #f0f2f5 62%, #fbf5e9 118%);
}

html[data-theme="light"] .home-hero::before {
  background: radial-gradient(circle at 18% 15%, rgba(233, 200, 137, .22), transparent 35rem);
}

html[data-theme="light"] .home-hero-media::after {
  background:
    linear-gradient(90deg, #f0f2f5 0%, rgba(240, 242, 245, 0) 34%),
    linear-gradient(0deg, rgba(23, 25, 30, .34), transparent 48%);
}

/* Feed, posty, tagi, powiadomienia i ShineChat. */
html[data-theme="light"] body:is(
  [data-route="feed"],
  [data-route="posts"],
  [data-route="messages"],
  [data-route="notifications"],
  [data-route="create"],
  [data-route="search"]
) .main-area {
  background: var(--bg);
}

html[data-theme="light"] body[data-route="feed"] :is(.feed-filter,.post-card),
html[data-theme="light"] body[data-route="posts"] :is(.posts-composer,.posts-filter,.social-post-card),
html[data-theme="light"] body[data-page="feed-tags"] :is(.feed-tag-page-intro,.feed-filter,.post-card),
html[data-theme="light"] body[data-route="notifications"] :is(.notifications-filters,.notifications-list-card,.notifications-group),
html[data-theme="light"] body[data-route="messages"] :is(.conversation-list,.chat-pane,.chat-empty-state,.chat-details,.m-messenger-app,.m-chat-app) {
  background-color: var(--surface-solid);
  border-color: var(--line);
  box-shadow: none;
}

html[data-theme="light"] body[data-route="messages"] :is(.conversation-head,.chat-header,.chat-details-head,.m-messenger-appbar,.m-chat-header,.m-chat-composer) {
  background-color: var(--surface-solid);
  border-color: var(--line);
}

html[data-theme="light"] body[data-route="messages"] :is(.conversation-search,.conversation-item:hover,.m-contacts-search,.m-contact-row:hover) {
  background-color: var(--surface-2);
}

html[data-theme="light"] body[data-route="messages"] :is(.conversation-item.active,.m-contact-row.active),
html[data-theme="light"] body[data-route="notifications"] .notification-row.unread,
html[data-theme="light"] body:is([data-route="feed"],[data-route="posts"]) :is(.feed-filter,.posts-filter) button.active {
  background: var(--gold-wash);
}

html[data-theme="light"] body[data-route="messages"] :is(.chat-body,.m-chat-thread) {
  background:
    radial-gradient(circle at 12% 0%, rgba(233, 200, 137, .12), transparent 32rem),
    var(--bg);
}

html[data-theme="light"] body[data-route="messages"] :is(.chat-message:not(.mine),.chat-media-message,.msg-chat__row--in .msg-chat__bubble,.m-message.incoming .m-message-bubble) {
  color: var(--text);
  background: var(--surface-solid);
  border-color: var(--line);
}

html[data-theme="light"] body[data-route="messages"] :is(.msg-chat__row--out .msg-chat__bubble,.m-message.outgoing .m-message-bubble) {
  color: var(--su-gold-ink) !important;
  background: linear-gradient(135deg, var(--gold-bright), var(--gold));
  border-color: color-mix(in srgb, var(--gold-deep) 34%, var(--line));
}

/* Create-media ma osobny, duzy arkusz, dlatego dostaje finalne powierzchnie. */
html[data-theme="light"] body[data-page="feed-add"] :is(
  .feed-source-card,
  .feed-own-card,
  .feed-post-card,
  .feed-preview-card,
  .feed-tools-card,
  .feed-details-media-card,
  .feed-publish-form,
  .feed-edit-dialog,
  .feed-delete-dialog
) {
  background-color: var(--surface-solid);
  border-color: var(--line);
  box-shadow: var(--shadow-soft);
}

html[data-theme="light"] body[data-page="feed-add"] :is(
  .feed-upload-zone,
  .feed-source-tabs,
  .feed-short-intro,
  .feed-short-preview,
  .feed-video-intro,
  .feed-video-preview,
  .feed-post-compose,
  .feed-tool-tabs,
  .feed-tool-panel,
  .feed-edit-media-section,
  .feed-hashtag-suggestions
) {
  background-color: var(--surface-2);
  border-color: var(--line);
}

html[data-theme="light"] body[data-page="feed-add"] :is(.feed-editor-view,.feed-details-view) {
  background: var(--bg);
}

/* Wyszukiwarka: nadpisuje jej historyczne, dark-first zmienne. */
html[data-theme="light"] body[data-route="search"] .su-search-page {
  --sus-bg: var(--bg);
  --sus-card: var(--surface-solid);
  --sus-card2: var(--surface-2);
  --sus-line: var(--line);
  --sus-line2: var(--line-strong);
  --sus-text: var(--text);
  --sus-muted: var(--text-soft);
  --sus-gold: var(--gold);
  --sus-gold2: var(--gold-deep);
  color: var(--text);
  background: transparent;
}

html[data-theme="light"] body[data-route="search"] :is(
  .su-search-sticky,
  .su-search-company,
  .su-search-post,
  .su-search-action-post,
  .su-search-person,
  .su-search-filter-dialog,
  .su-map-choice-sheet,
  .su-search-suggestions
) {
  color: var(--text);
  background-color: var(--surface-solid);
  border-color: var(--line);
}

html[data-theme="light"] body[data-route="search"] :is(
  .su-search-bar input,
  .su-search-filter-card,
  .su-search-filter-preview,
  .su-search-filter-section select,
  .su-search-filter-footer,
  .su-search-company-status,
  .su-search-company-distance,
  .su-search-chip-row span
) {
  color: var(--text) !important;
  background-color: var(--surface-2) !important;
  border-color: var(--line) !important;
}

html[data-theme="light"] body[data-route="search"] .su-search-check {
  color: var(--text-soft) !important;
  background: var(--surface-solid);
  border-color: var(--line);
}

html[data-theme="light"] body[data-route="search"] .su-search-check.is-strong {
  color: var(--text) !important;
}

html[data-theme="light"] body[data-route="search"] .su-search-filter-sheet {
  background: rgba(23, 25, 30, .34);
}

html[data-theme="light"] body[data-route="search"] :is(.su-search-company-buttons a:last-child,.su-search-action-cta,.su-search-filter-submit,.su-search-geo-prompt-actions button:last-child) {
  color: var(--su-gold-ink) !important;
  background: var(--gold);
  border-color: var(--gold);
}

/* Lokalizacje: starsze arkusze byly dark-first i mialy wiele !important. */
html[data-theme="light"] {
  --su-loc-bg: #f5f6f8;
  --su-loc-panel: #ffffff;
  --su-loc-panel-2: #f0f2f5;
  --su-loc-border: #e2e5e9;
  --su-loc-gold: #9a7133;
  --su-loc-gold-2: #e9c889;
  --su-loc-text: #17191e;
  --su-loc-muted: #6a6f7a;
  --su-loc-green: #32745a;
}

html[data-theme="light"] .su-location-body {
  background: var(--bg);
  color: var(--text);
}

html[data-theme="light"] .su-location-page {
  color: var(--text);
  background: transparent;
}

html[data-theme="light"] .su-location-hero:not(.su-location-profile-hero) {
  color: var(--text);
  background:
    radial-gradient(circle at 88% 14%, rgba(233, 200, 137, .22), transparent 170px),
    linear-gradient(145deg, var(--surface-solid), var(--surface-2));
  border-color: var(--line);
  box-shadow: var(--shadow);
}

html[data-theme="light"] :is(.su-location-geo,.su-location-card,.su-location-profile-grid article,.su-location-empty,.su-location-promo-card,.su-location-list-head) {
  color: var(--text);
  background: var(--surface-solid);
  border-color: var(--line);
  box-shadow: var(--shadow-soft);
}

html[data-theme="light"] :is(.su-location-profile-summary,.su-location-review-panel,.su-location-price-panel) {
  color: var(--text) !important;
  background: var(--surface-solid) !important;
  border-color: var(--line) !important;
  box-shadow: var(--shadow-soft) !important;
}

html[data-theme="light"] :is(.su-location-profile-row,.su-location-comment,.su-location-comment-as) {
  color: var(--text) !important;
  background: var(--surface-2) !important;
  border-color: var(--line) !important;
}

html[data-theme="light"] .su-location-page :is(
  .su-location-card h2,
  .su-location-profile-grid h2,
  .su-location-profile-grid p,
  .su-location-profile-row strong,
  .su-location-comment strong,
  .su-location-comment p,
  .su-location-price-vote p,
  .su-location-price-grid strong
) {
  color: var(--text) !important;
}

html[data-theme="light"] .su-location-page :is(
  .su-location-card p,
  .su-location-profile-row span,
  .su-location-comment time,
  .su-location-no-comments,
  .su-location-muted,
  .su-location-price-date
) {
  color: var(--text-soft) !important;
}

html[data-theme="light"] :is(.su-location-comment-form input,.su-location-comment-form textarea) {
  color: var(--text) !important;
  background: var(--surface-solid) !important;
  border-color: var(--line-strong) !important;
}

html[data-theme="light"] :is(.su-location-geo button,.su-location-btn-primary,.su-location-icon,.su-location-profile-icon,.su-location-comment-form button[type="submit"],.su-location-promo-icon,.su-location-promo-card > a) {
  color: var(--su-gold-ink) !important;
  background: linear-gradient(180deg, var(--gold-bright), var(--gold)) !important;
  border-color: color-mix(in srgb, var(--gold-deep) 36%, var(--line)) !important;
}

html[data-theme="light"] .su-location-btn-ghost {
  color: var(--text) !important;
  background: var(--surface-2) !important;
  border-color: var(--line) !important;
}

html[data-theme="light"] .su-location-loader {
  color: var(--text);
  background: var(--surface-solid);
}

/* Stacje paliw dziedzicza ten sam kontrakt zamiast ciemnego tła z arkusza. */
html[data-theme="light"] .su-gas-station-body .su-location-page {
  background: transparent;
}

html[data-theme="light"] .su-gas-station-body :is(.su-location-hero:not(.su-location-profile-hero),.su-location-card,.su-location-profile-grid article,.su-location-geo,.su-location-promo-card,.su-location-price-panel) {
  color: var(--text);
  background: var(--surface-solid) !important;
  border-color: var(--line) !important;
}

html[data-theme="light"] .su-gas-station-body :is(.su-location-icon,.su-location-profile-icon,.su-location-btn-primary,.su-fuel-chip.is-active) {
  color: var(--su-gold-ink) !important;
  background: var(--gold) !important;
  border-color: var(--gold) !important;
}

/* Wspolny widget historii cen paliw. */
html[data-theme="light"] .su-fuel-history-card {
  color: var(--text);
  background: var(--surface-solid);
}

html[data-theme="light"] :is(.su-fuel-history-title,.su-fuel-current-name,.su-fuel-current-value) {
  color: var(--text);
}

html[data-theme="light"] :is(.su-fuel-history-subtitle,.su-fuel-control-label,.su-fuel-history-loading-inner,.su-fuel-history-empty,.su-fuel-history-legend-note) {
  color: var(--text-soft);
}

html[data-theme="light"] :is(.su-fuel-history-title i,.su-fuel-history-loading-inner i,.su-fuel-history-empty i,.su-fuel-control-date) {
  color: var(--gold-deep);
}

html[data-theme="light"] .su-fuel-chip {
  color: var(--text-soft);
  background: var(--surface-2);
  border-color: var(--line);
}

html[data-theme="light"] .su-fuel-chip:is(:hover,:focus) {
  color: var(--text);
  background: var(--surface-solid);
  border-color: var(--line-strong);
}

html[data-theme="light"] .su-fuel-chip.is-active {
  color: var(--su-gold-ink) !important;
  background: var(--gold);
  border-color: var(--gold);
}

html[data-theme="light"] .su-fuel-select {
  color: var(--text);
  background: var(--surface-2);
  border-color: var(--line);
}

html[data-theme="light"] :is(.su-fuel-current-grid,.su-fuel-history-chart-wrap,.su-fuel-history-loading,.su-fuel-history-empty) {
  background: var(--surface-2);
  border-color: var(--line);
  box-shadow: none;
}

html[data-theme="light"] .su-fuel-meta-badge {
  color: var(--gold-deep);
  background: var(--gold-wash);
  border-color: var(--line-strong);
}

/* Wybor aplikacji mapowej jest wspolny dla wyszukiwarki, myjni i stacji. */
html[data-theme="light"] .su-map-choice {
  background: rgba(23, 25, 30, .34);
  backdrop-filter: blur(8px);
}

html[data-theme="light"] .su-map-choice-sheet {
  color: var(--text);
  background: color-mix(in srgb, var(--surface-solid) 97%, transparent);
  border-color: var(--line-strong);
  box-shadow: 0 -18px 48px rgba(21, 32, 49, .16);
}

html[data-theme="light"] .su-map-choice-x {
  color: var(--text);
  background: var(--surface-2);
  border: 1px solid var(--line);
}

html[data-theme="light"] .su-map-choice-head span {
  color: var(--gold-deep);
}

html[data-theme="light"] .su-map-choice-head h2 {
  color: var(--text);
}

html[data-theme="light"] .su-map-choice-head p {
  color: var(--text-soft);
}

html[data-theme="light"] .su-map-choice-actions {
  background: var(--surface-2);
  border: 1px solid var(--line);
  box-shadow: none;
}

html[data-theme="light"] .su-map-choice-actions a {
  color: var(--gold-deep) !important;
  border-bottom-color: var(--line);
}

html[data-theme="light"] .su-map-choice-actions i {
  color: inherit;
}

html[data-theme="light"] .su-map-choice-cancel {
  color: var(--text-soft);
  background: var(--surface-2);
  border: 1px solid var(--line);
  box-shadow: none;
}

/* Instalacja PWA i zgody. */
html[data-theme="light"] .pwa-install-backdrop {
  background: rgba(23, 25, 30, .46);
}

html[data-theme="light"] .pwa-install-panel {
  color: var(--text);
  background: var(--surface-solid);
  border-color: var(--line);
  box-shadow: 0 -18px 55px rgba(21, 32, 49, .16);
}

html[data-theme="light"] .cookie-consent__dialog {
  --text: #17191e;
  --muted: #6a6f7a;
  --surface: #ffffff;
  --soft: #f0f2f5;
  --line: #e2e5e9;
  --gold: #e9c889;
  --gold-strong: #9a7133;
  --cookie-gold: #e9c889;
  --cookie-gold-strong: #9a7133;
  color-scheme: light;
}

html[data-theme="light"] .cookie-consent__option {
  background: var(--surface-2);
  border-color: var(--line);
}

/* Jeden kontrakt kontrastu: wypelnione zlote akcje maja zawsze ciemny tekst. */
html[data-theme="light"] :is(
  .premium-btn,
  .create-btn,
  .guest-register-link,
  .chip.active,
  .post-follow-btn.following,
  .notification-accept,
  .dashboard-push-prompt-action,
  .chat-send,
  .chat-empty-copy button,
  .watch-comment-submit,
  .profile-action-primary,
  .profile-tabs button.active,
  .segmented-control button.active,
  .fuel-chip-group button.active,
  .bottom-create i,
  .m-bottom-create i,
  .m-compose-button,
  .m-composer-send,
  .msg-chat__row--out .msg-chat__bubble,
  .m-message.outgoing .m-message-bubble,
  .section-create-cta,
  .wizard-button.is-primary,
  .wizard-complete-actions a,
  .home-creator-follow,
  .discover-hero-network > a,
  .discover-section-tabs button.active,
  .discover-tabs button.active,
  .discover-media-kinds button.active,
  .discover-follow-action:not(.following),
  .discover-company-follow:not(.following),
  .discover-rail-cta,
  .company-notifications-summary > button.active,
  .company-notification-person-actions .company-notification-call,
  .company-admin-tabs button.active,
  .company-variant-track button.active,
  .company-tabs button.active,
  .company-wide-button,
  .referrals-rewards-link,
  .referrals-field-control button,
  .online-directory-filters button.active,
  .online-person-card nav a:nth-child(2),
  .su-search-pills button.is-active,
  .su-search-company-buttons a:last-child,
  .su-search-action-cta:not(.is-secondary),
  .su-search-filter-submit,
  .su-search-geo-prompt-actions button:last-child,
  .su-location-btn-primary,
  .su-location-geo button,
  .su-location-comment-form button[type="submit"],
  .su-fuel-chip.is-active,
  [data-profile-friend].incoming,
  .watch-youtube-subscribe,
  .pwa-install-primary,
  .guard-pin-submit,
  .cookie-consent__button--primary,
  .standalone-auth-submit,
  .feed-upload-cta,
  .feed-source-tabs button.active,
  .feed-tool-tabs button.active,
  .feed-adjust-chips button.active
) {
  color: var(--su-gold-ink) !important;
}

html[data-theme="light"] :is(
  .premium-btn,
  .create-btn,
  .guest-register-link,
  .notification-accept,
  .dashboard-push-prompt-action,
  .profile-action-primary,
  .section-create-cta,
  .wizard-button.is-primary,
  .wizard-complete-actions a,
  .home-creator-follow,
  .discover-hero-network > a,
  .discover-section-tabs button.active,
  .discover-tabs button.active,
  .discover-media-kinds button.active,
  .discover-follow-action:not(.following),
  .discover-company-follow:not(.following),
  .discover-rail-cta,
  .company-notifications-summary > button.active,
  .company-notification-person-actions .company-notification-call,
  .company-admin-tabs button.active,
  .company-variant-track button.active,
  .company-tabs button.active,
  .company-wide-button,
  .referrals-rewards-link,
  .referrals-field-control button,
  .pwa-install-primary,
  .guard-pin-submit,
  .cookie-consent__button--primary,
  .standalone-auth-submit,
  .feed-upload-cta,
  .feed-source-tabs button.active,
  .feed-tool-tabs button.active,
  .feed-adjust-chips button.active
) :is(i,span,strong,small,b) {
  color: inherit !important;
}

html[data-theme="light"] :is(.premium-btn,.create-btn,.guest-register-link,.notification-accept,.dashboard-push-prompt-action,.profile-action-primary,.section-create-cta,.wizard-button.is-primary,.pwa-install-primary) {
  background: var(--gold);
  border-color: color-mix(in srgb, var(--gold-deep) 34%, var(--line));
  box-shadow: 0 9px 24px rgba(21, 32, 49, .09);
}

html[data-theme="light"] :is(.premium-btn,.create-btn,.guest-register-link,.notification-accept,.dashboard-push-prompt-action,.profile-action-primary,.section-create-cta,.wizard-button.is-primary,.pwa-install-primary):hover {
  color: var(--su-gold-ink) !important;
  background: var(--gold-bright);
  border-color: var(--gold-deep);
}

/* Subtelny pasek przewijania, aktywny dopiero nad przewijanym elementem. */
html[data-theme="light"] * {
  scrollbar-color: transparent transparent;
}

html[data-theme="light"] *:hover {
  scrollbar-color: color-mix(in srgb, var(--gold-deep) 58%, transparent) transparent;
}

html[data-theme="light"] *::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 999px;
}

html[data-theme="light"] *:hover::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--gold-deep) 52%, transparent);
}

html[data-theme="light"] *::-webkit-scrollbar-track {
  background: transparent;
}

@media (max-width: 767.98px) {
  html[data-theme="light"] :is(.topbar,.bottom-nav,.m-bottom-nav,.m-messenger-appbar,.m-chat-composer) {
    background: color-mix(in srgb, var(--surface-solid) 97%, transparent);
  }

  html[data-theme="light"] :is(.post-card,.profile-hero,.profile-tabs,.section-card,.legal-hero,.legal-nav,.legal-article,.dashboard-card) {
    box-shadow: none;
  }
}