:root {
  --redriven-accent: #ffca28;
  --redriven-accent-text: #111112;
  --redriven-accent-ink: #6b5000;
  --redriven-accent-soft: rgba(255, 202, 40, .14);
  --redriven-background: #0f0f10;
  --redriven-detail-background: #0a0a0b;
  --redriven-text: #f7f4ef;
  --redriven-muted: #8b8781;
  --redriven-panel: #151516;
  --redriven-panel-raised: #1a1a1c;
  --redriven-border: rgba(255, 255, 255, .1);
  --redriven-input: #18181a;
  --redriven-progress-track: rgba(255, 255, 255, .08);
}

.redriven-wordmark-image {
  display: inline-grid;
  align-items: center;
  flex: 0 0 auto;
  line-height: 0;
}

.redriven-wordmark-image > img {
  grid-area: 1 / 1;
  display: block;
  width: 100%;
  height: auto;
}

.redriven-wordmark-on-dark { display: none !important; }
html[data-redriven-theme="dark"] .redriven-wordmark-on-light { display: none !important; }
html[data-redriven-theme="dark"] .redriven-wordmark-on-dark { display: block !important; }

html[data-redriven-theme="light"] {
  color-scheme: light;
  --redriven-background: #fff;
  --redriven-detail-background: #fff;
  --redriven-text: #171718;
  --redriven-muted: #716d67;
  --redriven-panel: #fff;
  --redriven-panel-raised: #f0efec;
  --redriven-panel-sunken: #e8e6e1;
  --redriven-border: rgba(20, 20, 22, .13);
  --redriven-input: #fff;
  --redriven-progress-track: rgba(20, 20, 22, .1);
  --bg: #fff;
  --surface2: #f0efec;
  --line-strong: rgba(20, 20, 22, .2);
  --auth-bg: #fff;
  --auth-surface: #fff;
  --auth-border: rgba(20, 20, 22, .13);
  --auth-muted: #716d67;
  --review-bg: #fff;
  --review-card: #fff;
  --review-line: rgba(20, 20, 22, .13);
  --ink: #171718;
  --muted: #716d67;
  --muted-2: #8b8780;
  --surface: #fff;
  --surface-2: #f0efec;
  --surface-raised: #fff;
  --line: rgba(20, 20, 22, .13);
  --green: #217a4f;
  --red: #b3261e;
  --network-bg: #fff;
  --f7-page-bg-color: #fff;
  --f7-bars-bg-color: #fff;
  --f7-navbar-bg-color: #fff;
  --f7-toolbar-bg-color: #fff;
  --f7-sheet-bg-color: #fff;
  --f7-popup-bg-color: #fff;
  --f7-list-bg-color: #fff;
  --f7-block-strong-bg-color: #fff;
  --f7-text-color: #171718;
}

html[data-redriven-theme="light"],
html[data-redriven-theme="light"] body,
html[data-redriven-theme="light"] #app,
html[data-redriven-theme="light"] .view,
html[data-redriven-theme="light"] .page,
html[data-redriven-theme="light"] .page-content,
html[data-redriven-theme="light"] .phone-stage {
  background-color: var(--redriven-background) !important;
  color: var(--redriven-text);
}

html[data-redriven-theme="light"] body {
  background-image: none !important;
}

html[data-redriven-theme="light"] .detail-route-page,
html[data-redriven-theme="light"] .detail-route-content,
html[data-redriven-theme="light"] .detail-route-frame,
html[data-redriven-theme="light"] .create-route-page,
html[data-redriven-theme="light"] .create-route-content,
html[data-redriven-theme="light"] .car-directory-route-page,
html[data-redriven-theme="light"] .car-directory-route-content,
html[data-redriven-theme="light"] .group-directory-route-page,
html[data-redriven-theme="light"] .group-directory-route-content,
html[data-redriven-theme="light"] .location-route-page,
html[data-redriven-theme="light"] .location-route-content,
html[data-redriven-theme="light"] .post-route-page,
html[data-redriven-theme="light"] .post-route-content {
  background: var(--redriven-detail-background) !important;
  color-scheme: light !important;
}

html[data-redriven-theme="light"] .app-navbar:not(.profile-tab-active),
html[data-redriven-theme="light"] .sheet-modal .toolbar,
html[data-redriven-theme="light"] .popup .navbar,
html[data-redriven-theme="light"] .detail-navbar,
html[data-redriven-theme="light"] .create-navbar {
  background: #fff !important;
  color: var(--redriven-text) !important;
}

html[data-redriven-theme="light"] .sheet-modal,
html[data-redriven-theme="light"] .sheet-modal .page-content,
html[data-redriven-theme="light"] .popup,
html[data-redriven-theme="light"] .popup .page,
html[data-redriven-theme="light"] .popup .page-content {
  background: var(--redriven-background) !important;
  color: var(--redriven-text) !important;
}

html[data-redriven-theme="light"] .account-profile-privacy,
html[data-redriven-theme="light"] .account-appearance,
html[data-redriven-theme="light"] .account-feed-preference,
html[data-redriven-theme="light"] .account-management-invitations,
html[data-redriven-theme="light"] .notification-card,
html[data-redriven-theme="light"] .post-card,
html[data-redriven-theme="light"] .group-card,
html[data-redriven-theme="light"] .car-card,
html[data-redriven-theme="light"] .marketplace-card,
html[data-redriven-theme="light"] .review-card,
html[data-redriven-theme="light"] .admin-card,
html[data-redriven-theme="light"] .event-card,
html[data-redriven-theme="light"] .listing-card {
  background-color: var(--redriven-panel) !important;
  border-color: var(--redriven-border) !important;
}

html[data-redriven-theme="light"] .account-appearance-options label > span,
html[data-redriven-theme="light"] .push-onboarding-benefits > div {
  background-color: var(--redriven-panel-raised) !important;
  border-color: var(--redriven-border) !important;
}

html[data-redriven-theme="light"] .account-appearance-heading strong,
html[data-redriven-theme="light"] .account-appearance-options b,
html[data-redriven-theme="light"] .push-onboarding-hero h2,
html[data-redriven-theme="light"] .push-onboarding-benefits strong {
  color: var(--redriven-text) !important;
}

html[data-redriven-theme="light"] .account-appearance-heading span,
html[data-redriven-theme="light"] .push-onboarding-hero > p:last-child,
html[data-redriven-theme="light"] .push-onboarding-benefits small,
html[data-redriven-theme="light"] .push-onboarding-privacy {
  color: var(--redriven-muted) !important;
}

html[data-redriven-theme="light"] input,
html[data-redriven-theme="light"] textarea,
html[data-redriven-theme="light"] select,
html[data-redriven-theme="light"] .input-shell,
html[data-redriven-theme="light"] .searchbar-input-wrap {
  background-color: var(--redriven-input) !important;
  border-color: var(--redriven-border) !important;
  color: var(--redriven-text) !important;
}

html[data-redriven-theme="light"] input::placeholder,
html[data-redriven-theme="light"] textarea::placeholder {
  color: #8b8780 !important;
}

html[data-redriven-theme="light"] .app-tabbar,
html[data-redriven-theme="light"] .profile-tabs,
html[data-redriven-theme="light"] .segmented,
html[data-redriven-theme="light"] .tabs-toolbar {
  background-color: rgba(255, 255, 255, .96) !important;
  border-color: var(--redriven-border) !important;
}

html[data-redriven-theme="light"] .app-tabbar i,
html[data-redriven-theme="light"] .profile-tabs i,
html[data-redriven-theme="light"] .navbar i,
html[data-redriven-theme="light"] .navbar a {
  color: #252527;
}

html[data-redriven-theme="light"] .profile-tab-active .app-navbar,
html[data-redriven-theme="light"] .profile-cover-overlay,
html[data-redriven-theme="light"] .hero-overlay-navbar {
  background: transparent !important;
}

html[data-redriven-theme="light"] .detail-route-page,
html[data-redriven-theme="light"] .create-route-page,
html[data-redriven-theme="light"] .car-directory-route-page,
html[data-redriven-theme="light"] .group-directory-route-page,
html[data-redriven-theme="light"] .location-route-page,
html[data-redriven-theme="light"] .post-route-page,
html[data-redriven-theme="light"] .redriven-refresh-page,
html[data-redriven-theme="light"] .redriven-page-refresh,
html[data-redriven-theme="light"] .sheet-modal,
html[data-redriven-theme="light"] .popup {
  color-scheme: light !important;
}

/* Keep every sheet surface and its typography in the same appearance. */
html[data-redriven-theme="light"] .sheet-modal > .toolbar,
html[data-redriven-theme="light"] .sheet-modal > .toolbar .toolbar-bg,
html[data-redriven-theme="light"] .sheet-modal > .toolbar .toolbar-inner,
html[data-redriven-theme="light"] .sheet-modal .sheet-toolbar,
html[data-redriven-theme="light"] .sheet-modal .sheet-toolbar .toolbar-bg,
html[data-redriven-theme="light"] .sheet-modal .sheet-toolbar .toolbar-inner {
  background: var(--redriven-panel) !important;
  background-image: none !important;
  color: var(--redriven-text) !important;
}

html[data-redriven-theme="light"] .push-onboarding-sheet {
  --f7-sheet-bg-color: var(--redriven-background);
  --f7-toolbar-bg-color: var(--redriven-panel);
}

html[data-redriven-theme="light"] .push-onboarding-sheet > .toolbar,
html[data-redriven-theme="light"] .push-onboarding-sheet > .toolbar > .toolbar-bg,
html[data-redriven-theme="light"] .push-onboarding-sheet > .toolbar > .toolbar-inner {
  background-color: var(--redriven-panel) !important;
  background-image: none !important;
  color: var(--redriven-text) !important;
}

.push-onboarding-sheet .sheet-title {
  display: grid !important;
  align-content: center;
}

.push-onboarding-sheet .sheet-title strong,
.push-onboarding-sheet .sheet-title span {
  display: block;
  line-height: 1.15;
}

.push-onboarding-sheet .sheet-title span {
  margin-top: 2px;
  font-size: 8px;
  font-weight: 500;
}

html[data-redriven-theme="light"] .sheet-modal > .sheet-modal-inner,
html[data-redriven-theme="light"] .sheet-modal > .sheet-modal-inner > .page-content,
html[data-redriven-theme="light"] .push-onboarding-content {
  background: var(--redriven-background) !important;
  background-image: none !important;
  color: var(--redriven-text) !important;
}

html[data-redriven-theme="light"] .sheet-modal .sheet-title,
html[data-redriven-theme="light"] .sheet-modal .sheet-title strong,
html[data-redriven-theme="light"] .sheet-modal .sheet-title span,
html[data-redriven-theme="light"] .sheet-modal .toolbar strong,
html[data-redriven-theme="light"] .sheet-modal .toolbar .link:not(.ui-close-control) {
  color: var(--redriven-text) !important;
}

html[data-redriven-theme="light"] .sheet-modal .sheet-title span {
  color: var(--redriven-muted) !important;
}

/* Feed and stories use their own dark palette in the default appearance. */
html[data-redriven-theme="light"] .stories-strip,
html[data-redriven-theme="light"] .post-card {
  background: var(--redriven-panel) !important;
  border-color: var(--redriven-border) !important;
}

html[data-redriven-theme="light"] .story-person,
html[data-redriven-theme="light"] .story-person > span:last-child,
html[data-redriven-theme="light"] .post-author-link,
html[data-redriven-theme="light"] .post-caption-author,
html[data-redriven-theme="light"] .post-copy,
html[data-redriven-theme="light"] .post-action,
html[data-redriven-theme="light"] .post-menu i {
  color: var(--redriven-text) !important;
}

html[data-redriven-theme="light"] .post-author span,
html[data-redriven-theme="light"] .post-copy-more,
html[data-redriven-theme="light"] .post-view-comments,
html[data-redriven-theme="light"] .post-time,
html[data-redriven-theme="light"] .post-inline-location,
html[data-redriven-theme="light"] .primary-infinite-state:not(.country-empty) {
  color: var(--redriven-muted) !important;
}

html[data-redriven-theme="light"] .story-ring,
html[data-redriven-theme="light"] .story-person.is-seen .story-ring {
  background: #d8d6d1;
}

html[data-redriven-theme="light"] .story-person.has-unseen .story-ring,
html[data-redriven-theme="light"] .story-ring-active {
  background: conic-gradient(from 210deg, #ffca28, #ffef85, #ff3157, #b94cff, #ffca28);
}

html[data-redriven-theme="light"] .story-ring img {
  border-color: var(--redriven-panel);
  background: var(--redriven-panel-raised);
}

html[data-redriven-theme="light"] .story-add {
  border-color: var(--redriven-panel);
}

html[data-redriven-theme="light"] .avatar {
  border-color: rgba(20, 20, 22, .14);
}

html[data-redriven-theme="light"] .save-button.active {
  color: var(--redriven-text) !important;
}

html[data-redriven-theme="light"] .post-media,
html[data-redriven-theme="light"] .post-photo-frame,
html[data-redriven-theme="light"] .post-media video {
  background: #0a0a0a !important;
}

/* Notification prompt. */
html[data-redriven-theme="light"] .push-onboarding-benefits > div {
  background: var(--redriven-panel) !important;
  border-color: var(--redriven-border) !important;
}

html[data-redriven-theme="light"] .push-onboarding-enable {
  color: #111112 !important;
}

html[data-redriven-theme="light"] .push-onboarding-later {
  color: var(--redriven-muted) !important;
}

/* Login and sign-up have no saved preference yet, so they must be complete in system light mode. */
html[data-redriven-theme="light"] .auth-panel,
html[data-redriven-theme="light"] .auth-panel-inner {
  color: var(--redriven-text);
}

html[data-redriven-theme="light"] .auth-brand,
html[data-redriven-theme="light"] .auth-heading h1,
html[data-redriven-theme="light"] .auth-form label > span,
html[data-redriven-theme="light"] .auth-gate-note strong,
html[data-redriven-theme="light"] .auth-invite-only-note strong,
html[data-redriven-theme="light"] .auth-journey strong,
html[data-redriven-theme="light"] .passkey-note strong {
  color: var(--redriven-text);
}

html[data-redriven-theme="light"] .auth-heading > p:last-child,
html[data-redriven-theme="light"] .auth-gate-note small,
html[data-redriven-theme="light"] .auth-invite-only-note small,
html[data-redriven-theme="light"] .auth-journey small,
html[data-redriven-theme="light"] .passkey-note span,
html[data-redriven-theme="light"] .field-hint,
html[data-redriven-theme="light"] .auth-status,
html[data-redriven-theme="light"] .auth-terms {
  color: var(--redriven-muted);
}

html[data-redriven-theme="light"] .auth-tabs,
html[data-redriven-theme="light"] .auth-journey li,
html[data-redriven-theme="light"] .passkey-note {
  background: var(--redriven-panel);
  border-color: var(--redriven-border);
}

html[data-redriven-theme="light"] .auth-tabs button.active {
  background: var(--redriven-panel-raised);
  color: var(--redriven-text);
}

html[data-redriven-theme="light"] .auth-form input,
html[data-redriven-theme="light"] .auth-form select,
html[data-redriven-theme="light"] .handle-input {
  background: var(--redriven-panel) !important;
  border-color: var(--redriven-border) !important;
  color: var(--redriven-text) !important;
}

html[data-redriven-theme="light"] .auth-form .handle-input input {
  background: transparent !important;
}

html[data-redriven-theme="light"] .auth-status.error,
html[data-redriven-theme="light"] .auth-unsupported {
  color: #b3261e;
}

/* Public and member invitation pages. */
html[data-redriven-theme="light"] .invite-nav,
html[data-redriven-theme="light"] .invite-shell,
html[data-redriven-theme="light"] .invite-pass {
  color: var(--redriven-text);
}

html[data-redriven-theme="light"] .invite-nav {
  background: #fff;
  border-color: var(--redriven-border);
}

html[data-redriven-theme="light"] .invite-nav > a {
  background: var(--redriven-panel-raised);
  border-color: var(--redriven-border);
  color: var(--redriven-text);
}

html[data-redriven-theme="light"] .invite-pass {
  background: radial-gradient(circle at 50% 0, rgba(255,202,40,.12), transparent 38%), var(--redriven-panel);
  border-color: rgba(178, 130, 0, .32);
  box-shadow: 0 24px 60px rgba(20, 20, 22, .14);
}

html[data-redriven-theme="light"] .invite-seal {
  border-color: var(--redriven-panel);
}

html[data-redriven-theme="light"] .invite-copy,
html[data-redriven-theme="light"] .invite-allowance span,
html[data-redriven-theme="light"] .invite-name small,
html[data-redriven-theme="light"] .invite-result small,
html[data-redriven-theme="light"] .invite-from small,
html[data-redriven-theme="light"] .invite-state,
html[data-redriven-theme="light"] .invite-footnote,
html[data-redriven-theme="light"] .invite-owner-recipient,
html[data-redriven-theme="light"] .invite-scan-copy span,
html[data-redriven-theme="light"] .invite-owner-code small,
html[data-redriven-theme="light"] .invite-owner-expiry {
  color: var(--redriven-muted);
}

html[data-redriven-theme="light"] .invite-allowance,
html[data-redriven-theme="light"] .invite-name input,
html[data-redriven-theme="light"] .invite-result,
html[data-redriven-theme="light"] .invite-from,
html[data-redriven-theme="light"] .invite-state,
html[data-redriven-theme="light"] .invite-owner-code,
html[data-redriven-theme="light"] .invite-pass-types {
  background: var(--redriven-panel-raised) !important;
  border-color: var(--redriven-border) !important;
  color: var(--redriven-text) !important;
}

html[data-redriven-theme="light"] .invite-from strong,
html[data-redriven-theme="light"] .invite-owner-recipient strong,
html[data-redriven-theme="light"] .invite-owner-actions .button-outline,
html[data-redriven-theme="light"] .invite-login {
  color: var(--redriven-text);
}

/* Mandatory Home Screen guide is visible before a member can store a preference. */
html[data-redriven-theme="light"] .required-install-gate {
  background: radial-gradient(circle at 50% 10%, rgba(255,202,40,.14), transparent 30%), var(--redriven-background);
  color: var(--redriven-text);
}

html[data-redriven-theme="light"].mobile-install-required,
html[data-redriven-theme="light"].mobile-install-required body {
  background: var(--redriven-background) !important;
}

html[data-redriven-theme="light"] .required-install-card {
  background: var(--redriven-panel);
  color: var(--redriven-text);
  box-shadow: 0 24px 64px rgba(20, 20, 22, .16);
}

html[data-redriven-theme="light"] .required-install-brand,
html[data-redriven-theme="light"] .required-install-card h1,
html[data-redriven-theme="light"] .required-install-steps b,
html[data-redriven-theme="light"] .required-install-steps li::before {
  color: var(--redriven-text);
}

html[data-redriven-theme="light"] .required-install-summary,
html[data-redriven-theme="light"] .required-install-steps span,
html[data-redriven-theme="light"] .required-install-status {
  color: var(--redriven-muted);
}

html[data-redriven-theme="light"] .required-install-steps li,
html[data-redriven-theme="light"] .install-guide #install-steps li,
html[data-redriven-theme="light"] .install-journey li,
html[data-redriven-theme="light"] .install-benefits span {
  background: var(--redriven-panel-raised);
  border-color: var(--redriven-border);
  color: var(--redriven-text);
}

html[data-redriven-theme="light"] .install-content h2,
html[data-redriven-theme="light"] .install-guide #install-steps li strong,
html[data-redriven-theme="light"] .install-guide #install-steps li::before {
  color: var(--redriven-text);
}

html[data-redriven-theme="light"] .install-content > div > p:not(.eyebrow),
html[data-redriven-theme="light"] .install-guide #install-steps li span {
  color: var(--redriven-muted);
}

html[data-redriven-theme="light"] .required-install-steps li > i,
html[data-redriven-theme="light"] .install-guide #install-steps li > i {
  background: var(--redriven-accent) !important;
  color: var(--redriven-accent-text) !important;
}

/*
 * Pale yellow controls disappear against white surfaces. Keep primary and
 * yellow-accent actions on the solid ReDriven yellow in light mode, with one
 * consistent high-contrast ink colour for their labels and icons.
 */
html[data-redriven-theme="light"] .button.button-fill:not(.color-red):not(.button-color-red):not(.color-green):not(.button-color-green),
html[data-redriven-theme="light"] .post-review-link,
html[data-redriven-theme="light"] .push-test-button,
html[data-redriven-theme="light"] .system-admin-link {
  background-color: var(--redriven-accent) !important;
  background-image: none !important;
  border-color: var(--redriven-accent) !important;
  color: var(--redriven-accent-text) !important;
  box-shadow: none !important;
}

html[data-redriven-theme="light"] .button.button-fill:not(.color-red):not(.button-color-red):not(.color-green):not(.button-color-green) i,
html[data-redriven-theme="light"] .post-review-link i,
html[data-redriven-theme="light"] .push-test-button i,
html[data-redriven-theme="light"] .system-admin-link i {
  color: currentColor !important;
}

html[data-redriven-theme="light"] .account-appearance-options input:checked + span,
html[data-redriven-theme="light"] .account-feed-options input:checked + span {
  background-color: var(--redriven-accent) !important;
  background-image: none !important;
  border-color: var(--redriven-accent) !important;
  color: var(--redriven-accent-text) !important;
  box-shadow: none !important;
}

html[data-redriven-theme="light"] .account-appearance-options input:checked + span i,
html[data-redriven-theme="light"] .account-appearance-options input:checked + span b,
html[data-redriven-theme="light"] .account-appearance-options input:checked + span small,
html[data-redriven-theme="light"] .account-feed-options input:checked + span i,
html[data-redriven-theme="light"] .account-feed-options input:checked + span b,
html[data-redriven-theme="light"] .account-feed-options input:checked + span small {
  color: var(--redriven-accent-text) !important;
}

/* App chrome and routed pages. */
html[data-redriven-theme="light"] .app-navbar:not(.profile-cover-overlay),
html[data-redriven-theme="light"] .detail-route-navbar:not(.hero-overlay-navbar),
html[data-redriven-theme="light"] .chat-navbar,
html[data-redriven-theme="light"] .notification-popup .navbar,
html[data-redriven-theme="light"] .comments-popup .navbar,
html[data-redriven-theme="light"] .marketplace-editor-popup .navbar,
html[data-redriven-theme="light"] .marketplace-detail-popup .navbar,
html[data-redriven-theme="light"] .garage-companion-popup .navbar,
html[data-redriven-theme="light"] .garage-part-popup .navbar {
  background: #fff !important;
  border-color: var(--redriven-border) !important;
  color: var(--redriven-text) !important;
}

html[data-redriven-theme="light"] .app-tabbar {
  border-color: var(--redriven-border) !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: none !important;
}

html[data-redriven-theme="light"] .navbar .left,
html[data-redriven-theme="light"] .navbar .right,
html[data-redriven-theme="light"] .navbar .app-icon-control-slot {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-redriven-theme="light"] .app-tabbar-tracker {
  background: var(--redriven-accent) !important;
  box-shadow: none !important;
}

html[data-redriven-theme="light"] .app-tabbar .tab-link {
  color: var(--redriven-muted) !important;
}

html[data-redriven-theme="light"] .app-tabbar .tab-link-active,
html[data-redriven-theme="light"] .app-tabbar .tab-link-active .tab-icon-shell,
html[data-redriven-theme="light"] .app-tabbar .tab-drag-preview .tab-icon-shell {
  color: var(--redriven-accent-text) !important;
}

html[data-redriven-theme="light"] .profile-tab-avatar img {
  border-color: rgba(20, 20, 22, .32);
}

html[data-redriven-theme="light"] .profile-tab-avatar b {
  border-color: var(--redriven-panel);
}

html[data-redriven-theme="light"] .route-back-button {
  border-color: var(--redriven-border) !important;
  background: var(--redriven-panel-raised) !important;
  color: var(--redriven-text) !important;
}

html[data-redriven-theme="light"] .detail-route-cover-page .route-back-button,
html[data-redriven-theme="light"] .detail-route-cover-page .detail-route-share,
html[data-redriven-theme="light"] .profile-cover-overlay .icon-only,
html[data-redriven-theme="light"] .profile-cover-overlay i,
html[data-redriven-theme="light"] .hero-overlay-navbar i {
  color: #fff !important;
}

html[data-redriven-theme="light"] .route-loading,
html[data-redriven-theme="light"] .detail-route-loading,
html[data-redriven-theme="light"] .admin-workspace-loading {
  background: var(--redriven-detail-background) !important;
  color: var(--redriven-muted) !important;
}

html[data-redriven-theme="light"] .app-update-banner,
html[data-redriven-theme="light"] .content-outbox-status {
  border-color: rgba(178, 130, 0, .32) !important;
  background: rgba(255, 255, 255, .97) !important;
  color: var(--redriven-text) !important;
  box-shadow: 0 14px 38px rgba(20, 20, 22, .16) !important;
}

html[data-redriven-theme="light"] .app-update-banner small,
html[data-redriven-theme="light"] .content-outbox-copy small {
  color: var(--redriven-muted) !important;
}

/* Creator, destination pickers and non-media sheets. */
html[data-redriven-theme="light"] .create-details,
html[data-redriven-theme="light"] .create-source-actions,
html[data-redriven-theme="light"] .create-mode-toolbar,
html[data-redriven-theme="light"] .create-mode-toolbar .toolbar-bg,
html[data-redriven-theme="light"] .create-mode-toolbar .toolbar-inner,
html[data-redriven-theme="light"] .video-trim-sheet-inner,
html[data-redriven-theme="light"] .story-activity-sheet,
html[data-redriven-theme="light"] .story-activity-inner {
  background: var(--redriven-background) !important;
  border-color: var(--redriven-border) !important;
  color: var(--redriven-text) !important;
}

html[data-redriven-theme="light"] .create-route-navbar,
html[data-redriven-theme="light"] .create-route-navbar .navbar-bg,
html[data-redriven-theme="light"] .create-route-navbar .navbar-inner {
  background: var(--redriven-panel) !important;
  border-color: var(--redriven-border) !important;
  color: var(--redriven-text) !important;
  color-scheme: light !important;
}

html[data-redriven-theme="light"] .create-source-actions {
  background: var(--redriven-panel) !important;
}

html[data-redriven-theme="light"] .create-source-actions .button,
html[data-redriven-theme="light"] .create-caption,
html[data-redriven-theme="light"] .create-destination-field,
html[data-redriven-theme="light"] .create-location-field,
html[data-redriven-theme="light"] .create-location-clear,
html[data-redriven-theme="light"] .create-destination-search,
html[data-redriven-theme="light"] .create-destination-list,
html[data-redriven-theme="light"] .create-destination-section h3,
html[data-redriven-theme="light"] .video-trim-framing {
  border-color: var(--redriven-border) !important;
  background: var(--redriven-panel) !important;
  color: var(--redriven-text) !important;
}

html[data-redriven-theme="light"] .create-mode-button {
  color: var(--redriven-muted);
}

html[data-redriven-theme="light"] .create-mode-button.active {
  background: var(--redriven-accent);
  color: var(--redriven-accent-text);
}

html[data-redriven-theme="light"] .story-activity-row {
  border-color: var(--redriven-border);
}

html[data-redriven-theme="light"] .story-activity-row strong,
html[data-redriven-theme="light"] .story-activity-empty strong {
  color: var(--redriven-text);
}

html[data-redriven-theme="light"] .story-activity-row small,
html[data-redriven-theme="light"] .story-activity-empty {
  color: var(--redriven-muted);
}

html[data-redriven-theme="light"] .place-search-form label,
html[data-redriven-theme="light"] .place-search-results,
html[data-redriven-theme="light"] .topic-bubble > span {
  background: var(--redriven-panel) !important;
  border-color: var(--redriven-border) !important;
  color: var(--redriven-text) !important;
}

/* Marketplace, directories, Garage and account surfaces. */
html[data-redriven-theme="light"] .marketplace-sell-card,
html[data-redriven-theme="light"] .location-route-hero,
html[data-redriven-theme="light"] .garage-marketplace-panel,
html[data-redriven-theme="light"] .garage-companion-odometer,
html[data-redriven-theme="light"] .garage-community-intro,
html[data-redriven-theme="light"] .garage-reminder-item.is-due,
html[data-redriven-theme="light"] .account-member-invitations,
html[data-redriven-theme="light"] .account-age-verification {
  background: linear-gradient(135deg, rgba(255, 202, 40, .15), rgba(255, 202, 40, .035) 58%), var(--redriven-panel) !important;
  border-color: rgba(178, 130, 0, .28) !important;
}

html[data-redriven-theme="light"] .marketplace-card,
html[data-redriven-theme="light"] .marketplace-editor-item,
html[data-redriven-theme="light"] .marketplace-editor-fields,
html[data-redriven-theme="light"] .marketplace-editor-note,
html[data-redriven-theme="light"] .marketplace-editor-renewal,
html[data-redriven-theme="light"] .marketplace-detail-social,
html[data-redriven-theme="light"] .marketplace-seller,
html[data-redriven-theme="light"] .marketplace-empty,
html[data-redriven-theme="light"] .app-search,
html[data-redriven-theme="light"] .discovery-search-lockup,
html[data-redriven-theme="light"] .country-empty,
html[data-redriven-theme="light"] .make-browser-panel,
html[data-redriven-theme="light"] .make-directory-section-list,
html[data-redriven-theme="light"] .group-directory-section-list,
html[data-redriven-theme="light"] .car-directory-search,
html[data-redriven-theme="light"] .group-directory-search,
html[data-redriven-theme="light"] .garage-identity-proposal-fields,
html[data-redriven-theme="light"] .garage-owner-photo-section,
html[data-redriven-theme="light"] .garage-companion-tabbar,
html[data-redriven-theme="light"] .garage-companion-form,
html[data-redriven-theme="light"] .garage-community-photo-form label > span,
html[data-redriven-theme="light"] .garage-group-proposal-state,
html[data-redriven-theme="light"] .garage-group-proposal-form,
html[data-redriven-theme="light"] .garage-life-item,
html[data-redriven-theme="light"] .account-profile-privacy,
html[data-redriven-theme="light"] .account-appearance,
html[data-redriven-theme="light"] .account-feed-preference,
html[data-redriven-theme="light"] .account-management-invitations > a,
html[data-redriven-theme="light"] .follow-request-item {
  background: var(--redriven-panel) !important;
  border-color: var(--redriven-border) !important;
  color: var(--redriven-text) !important;
  box-shadow: none !important;
}

html[data-redriven-theme="light"] .group-join-button.joined,
html[data-redriven-theme="light"] .car-join-button.joined,
html[data-redriven-theme="light"] .group-directory-image,
html[data-redriven-theme="light"] .car-title-row > strong,
html[data-redriven-theme="light"] .garage-entry-type,
html[data-redriven-theme="light"] .garage-choice,
html[data-redriven-theme="light"] .garage-choice > i,
html[data-redriven-theme="light"] .group-membership-option,
html[data-redriven-theme="light"] .profile-avatar-picker,
html[data-redriven-theme="light"] .profile-edit-actions,
html[data-redriven-theme="light"] .notification-option i,
html[data-redriven-theme="light"] .profile-membership-empty {
  background: var(--redriven-panel-raised) !important;
  border-color: var(--redriven-border) !important;
  color: var(--redriven-text) !important;
}

html[data-redriven-theme="light"] .group-artwork-picker,
html[data-redriven-theme="light"] .profile-cover-picker,
html[data-redriven-theme="light"] .profile-posts-list .post-text-only > .post-details {
  background: linear-gradient(135deg, rgba(255, 202, 40, .09), transparent 58%), var(--redriven-panel-raised) !important;
  border-color: var(--redriven-border) !important;
  color: var(--redriven-text) !important;
}

html[data-redriven-theme="light"] .marketplace-editor-fields input,
html[data-redriven-theme="light"] .marketplace-editor-fields textarea,
html[data-redriven-theme="light"] .marketplace-price-input,
html[data-redriven-theme="light"] .garage-identity-proposal-fields input,
html[data-redriven-theme="light"] .garage-companion-odometer input,
html[data-redriven-theme="light"] .garage-companion-form input,
html[data-redriven-theme="light"] .garage-companion-form select,
html[data-redriven-theme="light"] .garage-companion-form textarea,
html[data-redriven-theme="light"] .garage-companion-form .garage-reminder-push,
html[data-redriven-theme="light"] .garage-group-proposal-form textarea,
html[data-redriven-theme="light"] .garage-group-proposal-form .garage-group-photo-consent,
html[data-redriven-theme="light"] .garage-form input,
html[data-redriven-theme="light"] .garage-form select,
html[data-redriven-theme="light"] .garage-form textarea,
html[data-redriven-theme="light"] .garage-smart-select,
html[data-redriven-theme="light"] .group-request-form input,
html[data-redriven-theme="light"] .group-request-form select,
html[data-redriven-theme="light"] .group-request-form textarea,
html[data-redriven-theme="light"] .group-handle-input,
html[data-redriven-theme="light"] .group-price-input,
html[data-redriven-theme="light"] .group-terms-consent,
html[data-redriven-theme="light"] .group-terms-details,
html[data-redriven-theme="light"] .profile-edit-fields input,
html[data-redriven-theme="light"] .profile-edit-fields select,
html[data-redriven-theme="light"] .profile-edit-fields textarea,
html[data-redriven-theme="light"] .profile-handle-input {
  background: var(--redriven-input) !important;
  border-color: var(--redriven-border) !important;
  color: var(--redriven-text) !important;
}

html[data-redriven-theme="light"] .filter-chip,
html[data-redriven-theme="light"] .garage-tabs button,
html[data-redriven-theme="light"] .garage-kind-tabs,
html[data-redriven-theme="light"] .garage-companion-tabbar .tab-link-active,
html[data-redriven-theme="light"] .follow-request-decision,
html[data-redriven-theme="light"] .account-age-provider:disabled,
html[data-redriven-theme="light"] .make-browser-model > a,
html[data-redriven-theme="light"] .make-browser-model > .car-page-follow-button {
  background: var(--redriven-panel-raised) !important;
  border-color: var(--redriven-border) !important;
  color: var(--redriven-muted) !important;
}

html[data-redriven-theme="light"] .filter-chip.active,
html[data-redriven-theme="light"] .garage-tabs button.active,
html[data-redriven-theme="light"] .garage-kind-tabs button.active,
html[data-redriven-theme="light"] .garage-companion-tabbar .tab-link-active {
  background: var(--redriven-accent) !important;
  border-color: var(--redriven-accent) !important;
  color: var(--redriven-accent-text) !important;
}

html[data-redriven-theme="light"] .marketplace-detail-popup,
html[data-redriven-theme="light"] .marketplace-editor-popup,
html[data-redriven-theme="light"] .garage-companion-popup,
html[data-redriven-theme="light"] .garage-part-popup,
html[data-redriven-theme="light"] .admin-workspace-popup,
html[data-redriven-theme="light"] .garage-smart-select-popup,
html[data-redriven-theme="light"] .group-member-smart-select-popup,
html[data-redriven-theme="light"] .event-editor-page {
  background: var(--redriven-background) !important;
  color: var(--redriven-text) !important;
  color-scheme: light !important;
}

html[data-redriven-theme="light"] .garage-smart-select-popup,
html[data-redriven-theme="light"] .garage-smart-select-popup .page,
html[data-redriven-theme="light"] .garage-smart-select-popup .page-content,
html[data-redriven-theme="light"] .group-member-smart-select-popup .view,
html[data-redriven-theme="light"] .group-member-smart-select-popup .page,
html[data-redriven-theme="light"] .group-member-smart-select-popup .page-content {
  --f7-page-bg-color: var(--redriven-background);
  --f7-navbar-bg-color: var(--redriven-panel);
  --f7-list-bg-color: var(--redriven-panel);
  --f7-searchbar-input-bg-color: var(--redriven-input);
  background: var(--redriven-background) !important;
  color: var(--redriven-text) !important;
}

html[data-redriven-theme="light"] .garage-smart-select-popup .navbar,
html[data-redriven-theme="light"] .garage-smart-select-popup .navbar-bg,
html[data-redriven-theme="light"] .group-member-smart-select-popup .navbar,
html[data-redriven-theme="light"] .group-member-smart-select-popup .navbar-bg,
html[data-redriven-theme="light"] .group-member-smart-select-popup .searchbar {
  background: var(--redriven-panel) !important;
}

html[data-redriven-theme="light"] .garage-smart-select-popup .list ul,
html[data-redriven-theme="light"] .garage-smart-select-popup .list li,
html[data-redriven-theme="light"] .garage-smart-select-popup .item-content,
html[data-redriven-theme="light"] .group-member-smart-select-popup .list,
html[data-redriven-theme="light"] .group-member-smart-select-popup .list ul,
html[data-redriven-theme="light"] .group-member-smart-select-popup .list li,
html[data-redriven-theme="light"] .group-member-smart-select-popup .list .item-content {
  background: var(--redriven-panel) !important;
  color: var(--redriven-text) !important;
}

html[data-redriven-theme="light"] .garage-smart-select-popup .searchbar input,
html[data-redriven-theme="light"] .group-member-smart-select-popup .searchbar-inner,
html[data-redriven-theme="light"] .group-member-smart-select-popup .searchbar input {
  background: var(--redriven-input) !important;
  border-color: var(--redriven-border) !important;
  color: var(--redriven-text) !important;
}

html[data-redriven-theme="light"] .marketplace-detail-copy h1,
html[data-redriven-theme="light"] .marketplace-detail-copy > p,
html[data-redriven-theme="light"] .profile-stats strong,
html[data-redriven-theme="light"] .garage-life-copy p,
html[data-redriven-theme="light"] .account-age-provider-note strong {
  color: var(--redriven-text) !important;
}

html[data-redriven-theme="light"] .marketplace-card-copy > span i,
html[data-redriven-theme="light"] .marketplace-social-action,
html[data-redriven-theme="light"] .group-directory-copy small,
html[data-redriven-theme="light"] .make-directory-copy small,
html[data-redriven-theme="light"] .garage-empty-card,
html[data-redriven-theme="light"] .garage-empty-card span,
html[data-redriven-theme="light"] .garage-life-copy p,
html[data-redriven-theme="light"] .garage-companion-privacy,
html[data-redriven-theme="light"] .account-age-provider-note,
html[data-redriven-theme="light"] .account-age-privacy {
  color: var(--redriven-muted) !important;
}

/* Chat, comments and notifications. */
html[data-redriven-theme="light"] .chat-route-page,
html[data-redriven-theme="light"] .chat-route-page .page-content,
html[data-redriven-theme="light"] .comments-popup .page,
html[data-redriven-theme="light"] .comments-popup .page-content,
html[data-redriven-theme="light"] .notification-popup .page,
html[data-redriven-theme="light"] .notification-popup .page-content {
  background: var(--redriven-background) !important;
  color: var(--redriven-text) !important;
  color-scheme: light !important;
}

html[data-redriven-theme="light"] .chat-messagebar {
  background: rgba(255, 255, 255, .96) !important;
  border-color: var(--redriven-border) !important;
}

html[data-redriven-theme="light"] .chat-messagebar .messagebar-area,
html[data-redriven-theme="light"] .message-row p,
html[data-redriven-theme="light"] .chat-day,
html[data-redriven-theme="light"] .notification-inbox-list,
html[data-redriven-theme="light"] .notification-card,
html[data-redriven-theme="light"] .notification-channel,
html[data-redriven-theme="light"] .push-hero {
  background: var(--redriven-panel) !important;
  border-color: var(--redriven-border) !important;
  color: var(--redriven-text) !important;
}

html[data-redriven-theme="light"] .message-row.mine p {
  background: var(--redriven-accent) !important;
  color: var(--redriven-accent-text) !important;
}

html[data-redriven-theme="light"] .message-author-link strong,
html[data-redriven-theme="light"] .comment-post-context > p,
html[data-redriven-theme="light"] .comment-row p,
html[data-redriven-theme="light"] .notification-inbox-copy strong,
html[data-redriven-theme="light"] .push-hero h2 {
  color: var(--redriven-text) !important;
}

html[data-redriven-theme="light"] .notification-inbox-copy > span,
html[data-redriven-theme="light"] .notification-inbox-copy small,
html[data-redriven-theme="light"] .push-hero p,
html[data-redriven-theme="light"] .push-test-status,
html[data-redriven-theme="light"] .chat-access-banner small {
  color: var(--redriven-muted) !important;
}

/* Standalone profiles, Communities and Car Groups. */
html[data-redriven-theme="light"] .profile-hero,
html[data-redriven-theme="light"] .member-profile-view,
html[data-redriven-theme="light"] .member-profile-content,
html[data-redriven-theme="light"] .member-profile-panel,
html[data-redriven-theme="light"] .member-profile-tabs,
html[data-redriven-theme="light"] .profile-stats,
html[data-redriven-theme="light"] .profile-panel,
html[data-redriven-theme="light"] .profile-section,
html[data-redriven-theme="light"] .spec-grid > div,
html[data-redriven-theme="light"] .review-source-list article,
html[data-redriven-theme="light"] .event-row,
html[data-redriven-theme="light"] .activity-card,
html[data-redriven-theme="light"] .directory-card,
html[data-redriven-theme="light"] .member-community-card,
html[data-redriven-theme="light"] .member-garage-card,
html[data-redriven-theme="light"] .member-shop-card {
  background: var(--redriven-panel) !important;
  border-color: var(--redriven-border) !important;
  color: var(--redriven-text) !important;
  box-shadow: none !important;
}

html[data-redriven-theme="light"] .member-profile-view .profile-header-row,
html[data-redriven-theme="light"] .profile-header-row {
  background: var(--redriven-background) !important;
  box-shadow: 0 10px 25px rgba(20, 20, 22, .13) !important;
}

html[data-redriven-theme="light"] .member-profile-view .profile-avatar,
html[data-redriven-theme="light"] .profile-avatar {
  border-color: var(--redriven-background) !important;
}

html[data-redriven-theme="light"] .member-profile-view .profile-actions .button,
html[data-redriven-theme="light"] .profile-actions .button,
html[data-redriven-theme="light"] .landing-nav nav button,
html[data-redriven-theme="light"] .activity-share {
  background: var(--redriven-panel-raised) !important;
  border-color: var(--redriven-border) !important;
  color: var(--redriven-text) !important;
}

html[data-redriven-theme="light"] .landing-actions a,
html[data-redriven-theme="light"] .landing-actions button.active,
html[data-redriven-theme="light"] .profile-mark,
html[data-redriven-theme="light"] .profile-section-tabbar,
html[data-redriven-theme="light"] .member-text-post,
html[data-redriven-theme="light"] .going-event-card,
html[data-redriven-theme="light"] .profile-network-nav a {
  background: var(--redriven-panel-raised) !important;
  border-color: var(--redriven-border) !important;
  color: var(--redriven-text) !important;
}

html[data-redriven-theme="light"] .profile-mark-logo {
  background: #f4f4f1 !important;
}

html[data-redriven-theme="light"] .member-profile-view .profile-actions .member-shop-action {
  background: var(--redriven-accent) !important;
  color: var(--redriven-accent-text) !important;
}

html[data-redriven-theme="light"] .member-profile-view .profile-stats strong,
html[data-redriven-theme="light"] .profile-stats strong,
html[data-redriven-theme="light"] .about-copy,
html[data-redriven-theme="light"] .spec-grid strong,
html[data-redriven-theme="light"] .activity-card > p,
html[data-redriven-theme="light"] .member-empty-state strong,
html[data-redriven-theme="light"] .member-private-state strong {
  color: var(--redriven-text) !important;
}

html[data-redriven-theme="light"] .member-profile-view .profile-summary > p,
html[data-redriven-theme="light"] .profile-summary > p,
html[data-redriven-theme="light"] .profile-handle,
html[data-redriven-theme="light"] .profile-tagline,
html[data-redriven-theme="light"] .breadcrumbs a,
html[data-redriven-theme="light"] .breadcrumbs span,
html[data-redriven-theme="light"] .about-copy,
html[data-redriven-theme="light"] .spec-grid span,
html[data-redriven-theme="light"] .review-source-list p,
html[data-redriven-theme="light"] .event-row p,
html[data-redriven-theme="light"] .activity-card header small,
html[data-redriven-theme="light"] .activity-card footer,
html[data-redriven-theme="light"] .directory-card p,
html[data-redriven-theme="light"] .member-empty-state,
html[data-redriven-theme="light"] .member-private-state,
html[data-redriven-theme="light"] .member-community-card small,
html[data-redriven-theme="light"] .member-garage-card em,
html[data-redriven-theme="light"] .member-shop-card em {
  color: var(--redriven-muted) !important;
}

/* Reviews, events, management and administration. */
html[data-redriven-theme="light"] .review-nav,
html[data-redriven-theme="light"] .event-nav,
html[data-redriven-theme="light"] .management-topbar,
html[data-redriven-theme="light"] .admin-topbar {
  background: #fff !important;
  border-color: var(--redriven-border) !important;
  color: var(--redriven-text) !important;
}

html[data-redriven-theme="light"] .review-nav a,
html[data-redriven-theme="light"] .review-nav button,
html[data-redriven-theme="light"] .event-nav > a,
html[data-redriven-theme="light"] .event-nav > button,
html[data-redriven-theme="light"] .management-topbar > a,
html[data-redriven-theme="light"] .icon,
html[data-redriven-theme="light"] .admin-secondary {
  background: var(--redriven-panel-raised) !important;
  border-color: var(--redriven-border) !important;
  color: var(--redriven-text) !important;
}

html[data-redriven-theme="light"] .review-article,
html[data-redriven-theme="light"] .review-community,
html[data-redriven-theme="light"] .review-pros-cons section,
html[data-redriven-theme="light"] .review-body blockquote,
html[data-redriven-theme="light"] .event-card,
html[data-redriven-theme="light"] .event-group-link,
html[data-redriven-theme="light"] .management-panel,
html[data-redriven-theme="light"] .management-alert,
html[data-redriven-theme="light"] .management-tabs,
html[data-redriven-theme="light"] .membership-choices label,
html[data-redriven-theme="light"] .managed-event-card,
html[data-redriven-theme="light"] .event-editor-card,
html[data-redriven-theme="light"] .admin-card,
html[data-redriven-theme="light"] .admin-alert,
html[data-redriven-theme="light"] .install-policy-card ul,
html[data-redriven-theme="light"] .page-introduction-visibility-row,
html[data-redriven-theme="light"] .report-card blockquote,
html[data-redriven-theme="light"] .report-summary blockquote,
html[data-redriven-theme="light"] .deleted-post-history > div,
html[data-redriven-theme="light"] .member-directory-meta span,
html[data-redriven-theme="light"] .garage-group-request-copy dl div {
  background: var(--redriven-panel) !important;
  border-color: var(--redriven-border) !important;
  color: var(--redriven-text) !important;
}

html[data-redriven-theme="light"] .review-buy-summary,
html[data-redriven-theme="light"] .payment-readiness,
html[data-redriven-theme="light"] .terms-check,
html[data-redriven-theme="light"] .event-create-link,
html[data-redriven-theme="light"] .admin-invitation-summary {
  background: rgba(255, 202, 40, .1) !important;
  border-color: rgba(178, 130, 0, .28) !important;
  color: var(--redriven-text) !important;
}

html[data-redriven-theme="light"] .review-heading h1,
html[data-redriven-theme="light"] .review-buy-summary h2,
html[data-redriven-theme="light"] .review-pros-cons h2,
html[data-redriven-theme="light"] .review-body h2,
html[data-redriven-theme="light"] .review-body h3,
html[data-redriven-theme="light"] .review-body h4,
html[data-redriven-theme="light"] .review-body h5,
html[data-redriven-theme="light"] .review-body strong,
html[data-redriven-theme="light"] .event-card h2,
html[data-redriven-theme="light"] .event-facts b,
html[data-redriven-theme="light"] .management-panel h2,
html[data-redriven-theme="light"] .admin-intro h1,
html[data-redriven-theme="light"] .admin-section-heading h2 {
  color: var(--redriven-text) !important;
}

html[data-redriven-theme="light"] .review-byline,
html[data-redriven-theme="light"] .review-community small,
html[data-redriven-theme="light"] .review-body,
html[data-redriven-theme="light"] .review-body figcaption,
html[data-redriven-theme="light"] .review-pros-cons ul,
html[data-redriven-theme="light"] .review-buy-summary p,
html[data-redriven-theme="light"] .event-card > p,
html[data-redriven-theme="light"] .event-facts span,
html[data-redriven-theme="light"] .management-hero span,
html[data-redriven-theme="light"] .invitation-panel > p:not(.kicker),
html[data-redriven-theme="light"] .terms-point,
html[data-redriven-theme="light"] .admin-stats span,
html[data-redriven-theme="light"] .request-card p,
html[data-redriven-theme="light"] .report-card p,
html[data-redriven-theme="light"] .report-summary > p,
html[data-redriven-theme="light"] .history-list p,
html[data-redriven-theme="light"] .account-block-reason,
html[data-redriven-theme="light"] .deleted-post-history blockquote,
html[data-redriven-theme="light"] .garage-group-request-copy dd,
html[data-redriven-theme="light"] .garage-group-request-copy blockquote,
html[data-redriven-theme="light"] .invite-card p:not(.eyebrow) {
  color: var(--redriven-muted) !important;
}

html[data-redriven-theme="light"] .event-hero h1,
html[data-redriven-theme="light"] .event-date,
html[data-redriven-theme="light"] .management-hero h1,
html[data-redriven-theme="light"] .management-hero span,
html[data-redriven-theme="light"] .management-hero > a {
  color: #fff !important;
}

html[data-redriven-theme="light"] .event-alert,
html[data-redriven-theme="light"] .management-alert.error,
html[data-redriven-theme="light"] .admin-alert.error,
html[data-redriven-theme="light"] .form-error,
html[data-redriven-theme="light"] .icon.deny,
html[data-redriven-theme="light"] .member-directory-meta span.blocked {
  border-color: rgba(179, 38, 30, .28) !important;
  background: rgba(179, 38, 30, .07) !important;
  color: var(--red) !important;
}

html[data-redriven-theme="light"] .management-alert.success,
html[data-redriven-theme="light"] .admin-alert.success,
html[data-redriven-theme="light"] .icon.approve {
  border-color: rgba(33, 122, 79, .28) !important;
  background: rgba(33, 122, 79, .07) !important;
  color: var(--green) !important;
}

html[data-redriven-theme="light"] .event-action-message {
  color: #715500 !important;
}

html[data-redriven-theme="light"] .page-introduction-row-state,
html[data-redriven-theme="light"] .membership-pill,
html[data-redriven-theme="light"] .status.unverified {
  background: var(--redriven-panel-raised) !important;
  color: var(--redriven-muted) !important;
}

html[data-redriven-theme="light"] .review-buy-meter {
  border-color: var(--redriven-text);
  background: var(--redriven-panel-sunken);
}

html[data-redriven-theme="light"] .admin-page-introduction-sheet,
html[data-redriven-theme="light"] .admin-page-introduction-sheet-inner,
html[data-redriven-theme="light"] .admin-page-introduction-sheet .page-content,
html[data-redriven-theme="light"] .admin-invitation-sheet,
html[data-redriven-theme="light"] .admin-invitation-sheet-inner,
html[data-redriven-theme="light"] .admin-invitation-sheet .page-content {
  --f7-sheet-bg-color: var(--redriven-background);
  background: var(--redriven-background) !important;
  color: var(--redriven-text) !important;
}

html[data-redriven-theme="light"] .admin-page-introduction-sheet-toolbar,
html[data-redriven-theme="light"] .admin-invitation-sheet-toolbar {
  background: var(--redriven-panel) !important;
  border-color: var(--redriven-border) !important;
}

html[data-redriven-theme="light"] .event-editor-card .event-stop {
  background: var(--redriven-panel-raised) !important;
  border-color: var(--redriven-border) !important;
}

/* Accent copy on white uses a darker brand ink; yellow remains reserved for fills and media overlays. */
html[data-redriven-theme="light"] :where(
  .eyebrow,
  .kicker,
  .section-kicker,
  .profile-kind,
  .verified-badge,
  .rail-link.active,
  .location-route-kind,
  .location-route-empty i,
  .marketplace-card-copy > b,
  .marketplace-social-action.active,
  .marketplace-editor-state,
  .marketplace-editor-item small,
  .marketplace-price-input b,
  .marketplace-editor-note i,
  .marketplace-editor-renewal i,
  .marketplace-detail-copy > strong,
  .text-button,
  .group-chip,
  .discovery-make-trigger,
  .car-directory-search > i,
  .make-directory-heading > strong,
  .make-browser-following,
  .make-browser-brand small,
  .make-browser-brand-row > .car-page-follow-button,
  .car-page-follow-button.following,
  .make-browser-model > .car-page-follow-button.following,
  .make-browser-filter,
  .make-directory-section > h2,
  .make-directory-following,
  .group-directory-section > h2,
  .group-directory-copy strong i,
  .group-directory-joined,
  .car-title-row span,
  .garage-identity-proposal-toggle > i:first-child,
  .garage-identity-review-note > i,
  .garage-identity-badge,
  .profile-section-tabbar .tab-link-active i,
  .profile-posts-empty > i,
  .profile-membership-heading > span,
  .profile-membership-empty > i,
  .profile-membership-empty button,
  .garage-card p,
  .garage-item-kind,
  .garage-empty-card i,
  .garage-companion-tabbar .tab-link-active,
  .garage-community-photo-form label i,
  .garage-group-proposal-state > i,
  .garage-group-proposal-state a,
  .garage-companion-empty i,
  .garage-life-icon,
  .garage-life-meta,
  .garage-reminder-action,
  .garage-companion-privacy i,
  .quick-join,
  .message-author-link span,
  .chat-access-banner i,
  .send-link,
  .notification-inbox-heading button,
  .notification-inbox-visual,
  .notification-option i,
  .comment-post-context span,
  .compose-author button,
  .compose-attachment > i,
  .compose-attachment button,
  .garage-form > .garage-catalog-status,
  .garage-photo-picker > strong,
  .group-artwork-placeholder i,
  .group-handle-input b,
  .group-membership-option:has(input:checked) i,
  .group-price-input b,
  .group-terms-details summary,
  .profile-handle-input b,
  .account-appearance-heading > i,
  .account-invite-balance,
  .account-privacy-heading > i,
  .follow-request-title span,
  .account-feed-heading > i,
  .account-feed-locked-note i,
  .account-management-invitations > a > i,
  .install-journey li.active,
  .install-benefits i,
  .admin-stats strong,
  .page-introduction-row-state.is-visible,
  .request-card .handle,
  .country-pill,
  .status,
  .membership-pill.paid,
  .request-card .requested-price strong,
  .person-row .initial,
  .person-row > i,
  .pending-invite-state,
  .history-list a,
  .deleted-post-history span,
  .deleted-post-media a,
  .member-directory-search > i,
  .member-directory-initial,
  .member-directory-meta i,
  .managed-event-card time,
  .managed-event-card > a > i,
  .managed-event-card summary,
  .create-event > summary,
  .event-stop > i,
  .event-stop button,
  .event-add-stop,
  .event-create-link,
  .managed-event-edit,
  .terms-point i,
  .review-community > i:first-child,
  .review-kicker,
  .review-body a,
  .breadcrumbs span[aria-current="page"],
  .membership-access-label,
  .landing-actions button.pending,
  .landing-actions .manage-group-action,
  .landing-actions .member-invite-action,
  .landing-car-actions .review-action,
  .member-profile-view .profile-actions .member-invite-action,
  .member-profile-view .profile-actions .primary-action.pending,
  .member-profile-tabs button.active i,
  .member-empty-state > i,
  .member-private-state > i,
  .member-garage-card small,
  .member-shop-card small,
  .review-source-list article > div > span,
  .review-source-list a,
  .event-row time b,
  .activity-card footer i,
  .directory-card span,
  .detail-panel dt i,
  .invite-result strong,
  .invite-footnote i,
  .invite-owner-code strong,
  .invite-owner-expiry i
) {
  color: var(--redriven-accent-ink) !important;
}

html[data-redriven-theme="light"] :where(
  .marketplace-price-input > span,
  .feature-copy p,
  .profile-tags span,
  .detail-panel dd,
  .page-introduction-list-copy small,
  .request-card .requested-price,
  .audit-list strong,
  .account-feed-options label b,
  .install-benefits span
) {
  color: var(--redriven-text) !important;
}

html[data-redriven-theme="light"] :where(
  .thread-state.error-state,
  .garage-form > .garage-catalog-status.error-state,
  .group-request-status,
  .profile-edit-status:not(.success),
  .invite-error
) {
  color: var(--red) !important;
}

html[data-redriven-theme="light"] :where(
  .push-hero .push-install-hint,
  .push-test-status.warning,
  .push-onboarding-status
) {
  color: var(--redriven-accent-ink) !important;
}

html[data-redriven-theme="light"] .event-hero :where(.eyebrow, .kicker, p, i),
html[data-redriven-theme="light"] .management-hero :where(.eyebrow, .kicker, p, i) {
  color: var(--redriven-accent) !important;
}

/* Creation and story playback stay immersive, independent of the saved app theme. */
html[data-redriven-theme="light"].create-route-open,
html[data-redriven-theme="light"].create-route-open body,
html[data-redriven-theme="light"].create-route-open #app,
html[data-redriven-theme="light"].create-route-open .view-main,
html[data-redriven-theme="light"] .create-route-page,
html[data-redriven-theme="light"] .create-route-content {
  --ink: #f4f1ec;
  --muted: #97938e;
  --muted-2: #6c6965;
  --surface: #151516;
  --surface-raised: #1d1d1f;
  --line: rgba(255, 255, 255, .09);
  --accent: #ffca28;
  background: #0a0d10 !important;
  color: #f4f1ec !important;
  color-scheme: dark !important;
}

html[data-redriven-theme="light"] .create-route-navbar,
html[data-redriven-theme="light"] .create-route-navbar .navbar-bg,
html[data-redriven-theme="light"] .create-route-navbar .navbar-inner,
html[data-redriven-theme="light"] .create-mode-toolbar,
html[data-redriven-theme="light"] .create-mode-toolbar .toolbar-bg,
html[data-redriven-theme="light"] .create-mode-toolbar .toolbar-inner {
  background: #0a0d10 !important;
  border-color: rgba(255, 255, 255, .09) !important;
  color: #f4f1ec !important;
  color-scheme: dark !important;
}

html[data-redriven-theme="light"] .create-route-navbar :where(a, button, i),
html[data-redriven-theme="light"] .create-mode-toolbar :where(button, i) {
  color: #f4f1ec !important;
}

html[data-redriven-theme="light"] .create-route-navbar .create-share-button,
html[data-redriven-theme="light"] .create-route-page :where(.create-media-empty i, .create-frame-guidance i, .create-frame-zoom) {
  color: #ffca28 !important;
}

html[data-redriven-theme="light"] .create-details {
  background: #0d0f12 !important;
  border-color: rgba(255, 255, 255, .09) !important;
  color: #f4f1ec !important;
}

html[data-redriven-theme="light"] .create-source-actions {
  background: #101317 !important;
  border-color: rgba(255, 255, 255, .09) !important;
}

html[data-redriven-theme="light"] .create-source-actions .button,
html[data-redriven-theme="light"] .create-frame-reset,
html[data-redriven-theme="light"] .create-selection-remove {
  background: #24262a !important;
  border-color: rgba(255, 255, 255, .11) !important;
  color: #fff !important;
}

html[data-redriven-theme="light"] .create-route-page :where(input:not([type="file"]), textarea, select),
html[data-redriven-theme="light"] .create-caption,
html[data-redriven-theme="light"] .create-destination-field,
html[data-redriven-theme="light"] .create-location-field,
html[data-redriven-theme="light"] .create-location-clear,
html[data-redriven-theme="light"] .create-destination-search,
html[data-redriven-theme="light"] .create-destination-list,
html[data-redriven-theme="light"] .create-destination-section h3 {
  background: #17191c !important;
  border-color: rgba(255, 255, 255, .1) !important;
  color: #f4f1ec !important;
  color-scheme: dark !important;
}

html[data-redriven-theme="light"] .create-route-page :where(input, textarea)::placeholder {
  color: #8d8984 !important;
}

html[data-redriven-theme="light"] :where(.video-trim-sheet, .create-place-sheet, .create-destination-sheet),
html[data-redriven-theme="light"] :where(.video-trim-sheet, .create-place-sheet, .create-destination-sheet) > .toolbar,
html[data-redriven-theme="light"] :where(.video-trim-sheet, .create-place-sheet, .create-destination-sheet) > .toolbar .toolbar-bg,
html[data-redriven-theme="light"] :where(.video-trim-sheet, .create-place-sheet, .create-destination-sheet) > .toolbar .toolbar-inner,
html[data-redriven-theme="light"] .video-trim-sheet-inner,
html[data-redriven-theme="light"] .create-place-sheet-inner,
html[data-redriven-theme="light"] .create-destination-sheet-inner {
  --ink: #f4f1ec;
  --muted: #97938e;
  --line: rgba(255, 255, 255, .09);
  --accent: #ffca28;
  --f7-sheet-bg-color: #111112;
  background: #111112 !important;
  border-color: rgba(255, 255, 255, .09) !important;
  color: #f4f1ec !important;
  color-scheme: dark !important;
}

html[data-redriven-theme="light"] :where(.video-trim-sheet, .create-place-sheet) :where(a, button, i, strong) {
  color: #f4f1ec !important;
}

html[data-redriven-theme="light"] .video-trim-use,
html[data-redriven-theme="light"] :where(.video-trim-range, .video-trim-output > i, .place-search-form label > i, .place-search-result > i:first-child, .place-search-empty i) {
  color: #ffca28 !important;
}

html[data-redriven-theme="light"] .video-trim-use {
  background: #ffca28 !important;
  color: #111112 !important;
}

html[data-redriven-theme="light"] .video-trim-framing,
html[data-redriven-theme="light"] .video-trim-framing-options,
html[data-redriven-theme="light"] .video-trim-summary > span,
html[data-redriven-theme="light"] .video-trim-controls,
html[data-redriven-theme="light"] .video-trim-output,
html[data-redriven-theme="light"] .place-search-form label,
html[data-redriven-theme="light"] .place-search-results {
  background: #18191b !important;
  border-color: rgba(255, 255, 255, .1) !important;
  color: #f4f1ec !important;
}

html[data-redriven-theme="light"] .create-place-sheet :where(input, textarea, select) {
  background: #19191b !important;
  border-color: rgba(255, 255, 255, .1) !important;
  color: #f4f1ec !important;
  color-scheme: dark !important;
}

html[data-redriven-theme="light"] .create-destination-sheet .sheet-title strong {
  color: #f4f1ec !important;
}

html[data-redriven-theme="light"] .create-destination-sheet .sheet-title span {
  color: #97938e !important;
}

html[data-redriven-theme="light"] .create-destination-sheet .create-destination-search input {
  background: transparent !important;
  border-color: transparent !important;
  color: #f4f1ec !important;
  color-scheme: dark !important;
}

html[data-redriven-theme="light"] .create-destination-sheet .create-destination-search input::placeholder {
  color: #8d8984 !important;
}

html[data-redriven-theme="light"] .create-mode-toolbar .create-mode-button.active {
  background: #ffca28 !important;
  color: #111112 !important;
}

html[data-redriven-theme="light"] .story-viewer-popup,
html[data-redriven-theme="light"] .story-viewer-popup .story-viewer,
html[data-redriven-theme="light"] .story-viewer-popup .story-media-stage {
  --ink: #f4f1ec;
  --muted: #97938e;
  --line: rgba(255, 255, 255, .12);
  --accent: #ffca28;
  background: #000 !important;
  color: #fff !important;
  color-scheme: dark !important;
}

html[data-redriven-theme="light"].story-viewer-open,
html[data-redriven-theme="light"].story-viewer-open body,
html[data-redriven-theme="light"].story-viewer-open #app,
html[data-redriven-theme="light"].story-viewer-open .view-main {
  background: #000 !important;
  color: #fff !important;
  color-scheme: dark !important;
}

html[data-redriven-theme="light"] .story-viewer-popup :where(button, a, i, p, strong, small) {
  color: #fff !important;
}

html[data-redriven-theme="light"] .story-viewer-popup :where(.story-review-link, .story-reply-form button) {
  color: #ffca28 !important;
}

html[data-redriven-theme="light"] .story-viewer-popup .story-reply-form,
html[data-redriven-theme="light"] .story-viewer-popup .story-reply-form input {
  background: rgba(18, 18, 19, .76) !important;
  border-color: rgba(255, 255, 255, .28) !important;
  color: #fff !important;
  color-scheme: dark !important;
}

html[data-redriven-theme="light"] .story-viewer-popup .story-reply-form input::placeholder {
  color: rgba(255, 255, 255, .66) !important;
}

html[data-redriven-theme="light"] .story-activity-sheet,
html[data-redriven-theme="light"] .story-activity-sheet > .toolbar,
html[data-redriven-theme="light"] .story-activity-sheet > .toolbar .toolbar-bg,
html[data-redriven-theme="light"] .story-activity-sheet > .toolbar .toolbar-inner,
html[data-redriven-theme="light"] .story-activity-inner,
html[data-redriven-theme="light"] .story-activity-list {
  --ink: #f4f1ec;
  --muted: #97938e;
  --line: rgba(255, 255, 255, .09);
  --accent: #ffca28;
  --f7-sheet-bg-color: #151517;
  background: #151517 !important;
  border-color: rgba(255, 255, 255, .09) !important;
  color: #f4f1ec !important;
  color-scheme: dark !important;
}

html[data-redriven-theme="light"] .story-activity-sheet :where(button, a, i, strong) {
  color: #fff !important;
}

html[data-redriven-theme="light"] .story-activity-sheet :where(small, .story-activity-empty) {
  color: #97938e !important;
}