[data-bs-theme="dark"] {
  --bs-body-bg: #0c1016;
  --bs-body-color: #e5e7eb;
  --bs-secondary-bg: #131924;
  --bs-tertiary-bg: #1a2130;

  --tu-surface-0: #0f1624;
  --tu-surface-1: #151d2b;
  --tu-surface-2: #1b2535;
  --tu-border: rgba(148, 163, 184, 0.22);
  --tu-border-strong: rgba(148, 163, 184, 0.34);

  --tu-text: #e5e7eb;
  --tu-text-muted: #94a3b8;

  --tu-youtuber: #3b82f6;
  --tu-youtuber-strong: #2563eb;
  --tu-designer: #f97316;
  --tu-designer-strong: #ea580c;

  --tu-success: #10b981;
  --tu-warning: #f59e0b;
  --tu-danger: #ef4444;
  --tu-info: #38bdf8;
}

html,
body {
  background-color: var(--bs-body-bg);
  background-image: none !important;
}

main,
.tu-main,
.container,
.container-fluid,
.container-lg,
.container-xl,
.container-xxl {
  background-image: none !important;
}

.tu-main,
.tu-container {
  width: min(1200px, calc(100% - 2rem));
  margin-inline: auto;
}

@media (max-width: 768px) {
  .tu-main,
  .tu-container {
    width: calc(100% - 1rem);
  }
}

.card,
:is([class*="-card"], [class*="-panel"], [class*="-shell"], [class*="-kpi"]):not([class*="-bg"]) {
  background-image: none !important;
}

:is(
  [class*="-page"],
  [class*="-shell"],
  [class*="-panel"],
  [class*="-card"],
  [class*="-hero"],
  [class*="-section"],
  [class*="-wrap"]
):not([class*="-bg"]):not([class*="-overlay"]) {
  background-image: none !important;
}

.card,
.order-filters-wrap,
.designer-clients-panel,
.users-admin-shell {
  background-color: var(--tu-surface-1) !important;
  border: 1px solid var(--tu-border) !important;
  border-radius: 0.9rem;
  box-shadow: none !important;
}

.order-filters-wrap {
  background-color: transparent !important;
  border: 0 !important;
}

.card.bg-primary,
.card.text-bg-primary,
.text-bg-primary {
  background: var(--tu-surface-2) !important;
  color: var(--tu-text) !important;
  border-color: var(--tu-border) !important;
}

.btn {
  border-radius: 0.65rem;
  font-weight: 600;
  border-width: 1px;
}

.btn-primary,
.nav-auth-btn-signin,
.order-btn-primary,
.btn-filter-primary,
.checkout-primary-btn,
.btn-review-primary,
.order-assets-btn-primary,
.order-thumb-btn-primary,
.client-show-btn-primary,
.client-action-btn-success,
.pay-btn,
.payments-summary-btn,
.order-public-auth-btn-primary,
.register-btn-primary,
.landing-order-btn-primary,
.landing-time-btn-primary {
  background: var(--tu-youtuber-strong) !important;
  border-color: var(--tu-youtuber-strong) !important;
  color: #eff6ff !important;
  box-shadow: none !important;
}

:is(
  [class*="-btn-primary"],
  [class*="-btn-success"],
  [class*="-btn-cta"]
):not(.btn-outline-primary):not(.btn-outline-success) {
  background: var(--tu-youtuber-strong) !important;
  border-color: var(--tu-youtuber-strong) !important;
  color: #eff6ff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.nav-auth-btn-signin:hover,
.nav-auth-btn-signin:focus,
.order-btn-primary:hover,
.btn-filter-primary:hover,
.checkout-primary-btn:hover,
.btn-review-primary:hover,
.order-assets-btn-primary:hover,
.order-thumb-btn-primary:hover,
.client-show-btn-primary:hover,
.client-action-btn-success:hover,
.pay-btn:hover,
.payments-summary-btn:hover,
.order-public-auth-btn-primary:hover,
.register-btn-primary:hover,
.landing-order-btn-primary:hover,
.landing-time-btn-primary:hover {
  background: var(--tu-youtuber) !important;
  border-color: var(--tu-youtuber) !important;
}

.btn-secondary,
.nav-auth-btn-register,
.order-btn-muted,
.btn-filter-muted,
.btn-review-ghost,
.thumbnails-btn-muted,
.client-show-btn-muted,
.client-action-btn-muted,
.designer-dash-filter-btn-muted,
.payments-history-back-btn,
.landing-order-btn-muted,
.landing-time-btn-muted {
  background: rgba(148, 163, 184, 0.12) !important;
  border-color: var(--tu-border-strong) !important;
  color: #dbeafe !important;
}

:is(
  [class*="-btn-muted"],
  [class*="-btn-ghost"],
  [class*="-btn-back"]
):not(.btn-danger):not(.btn-primary) {
  background: rgba(148, 163, 184, 0.12) !important;
  border-color: var(--tu-border-strong) !important;
  color: #dbeafe !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.nav-auth-btn-register:hover,
.order-btn-muted:hover,
.btn-filter-muted:hover,
.btn-review-ghost:hover,
.thumbnails-btn-muted:hover,
.client-show-btn-muted:hover,
.client-action-btn-muted:hover,
.designer-dash-filter-btn-muted:hover,
.payments-history-back-btn:hover,
.landing-order-btn-muted:hover,
.landing-time-btn-muted:hover {
  background: rgba(148, 163, 184, 0.2) !important;
  border-color: rgba(148, 163, 184, 0.5) !important;
}

.btn-danger,
.order-btn-danger,
.landing-order-btn-danger,
.client-show-btn-danger-soft,
.account-edit-thumb-slot-btn-danger {
  background: rgba(239, 68, 68, 0.18) !important;
  border-color: rgba(239, 68, 68, 0.65) !important;
  color: #fecaca !important;
}

:is(
  [class*="-btn-danger"],
  [class*="-btn-destructive"],
  [class*="-btn-delete"]
) {
  background: rgba(239, 68, 68, 0.18) !important;
  border-color: rgba(239, 68, 68, 0.65) !important;
  color: #fecaca !important;
}

.btn-danger:hover,
.btn-danger:focus,
.order-btn-danger:hover,
.landing-order-btn-danger:hover,
.client-show-btn-danger-soft:hover,
.account-edit-thumb-slot-btn-danger:hover {
  background: rgba(239, 68, 68, 0.28) !important;
}

.btn-outline-primary {
  color: #bfdbfe;
  border-color: rgba(59, 130, 246, 0.55);
}

.btn-outline-primary:hover {
  background: rgba(59, 130, 246, 0.22);
  border-color: rgba(59, 130, 246, 0.8);
  color: #eff6ff;
}

.btn-outline-light {
  color: #dbeafe;
  border-color: var(--tu-border-strong);
  background: rgba(148, 163, 184, 0.08);
}

.btn-outline-light:hover {
  color: #eff6ff;
  border-color: rgba(148, 163, 184, 0.56);
  background: rgba(148, 163, 184, 0.18);
}

.btn-outline-danger {
  color: #fecaca;
  border-color: rgba(239, 68, 68, 0.55);
  background: rgba(239, 68, 68, 0.1);
}

.btn-outline-danger:hover {
  color: #fee2e2;
  border-color: rgba(239, 68, 68, 0.72);
  background: rgba(239, 68, 68, 0.2);
}

.alert {
  border-radius: 0.75rem;
  border-width: 1px;
}

.alert-info,
.tu-info-section {
  background: rgba(56, 189, 248, 0.12) !important;
  border-color: rgba(56, 189, 248, 0.38) !important;
  color: #bae6fd !important;
}

.alert-warning,
.tu-warning-section {
  background: rgba(245, 158, 11, 0.12) !important;
  border-color: rgba(245, 158, 11, 0.38) !important;
  color: #fde68a !important;
}

.alert-danger,
.alert-error,
.tu-error-section {
  background: rgba(239, 68, 68, 0.14) !important;
  border-color: rgba(239, 68, 68, 0.4) !important;
  color: #fecaca !important;
}

.invalid-feedback,
.form-error-message,
.form-error-icon,
.form-error-list,
.form-error-item {
  color: #fca5a5 !important;
}

.form-control.is-invalid,
.form-select.is-invalid,
.was-validated .form-control:invalid,
.was-validated .form-select:invalid {
  border-color: rgba(239, 68, 68, 0.7);
  box-shadow: 0 0 0 0.16rem rgba(239, 68, 68, 0.15);
}

.toast.tu-toast {
  min-width: 280px;
  max-width: 420px;
  border: 1px solid var(--tu-border);
  border-radius: 0.8rem;
  background: var(--tu-surface-1);
  color: #e2e8f0;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
}

.toast.tu-toast.tu-toast-success {
  border-left: 4px solid var(--tu-success);
}

.toast.tu-toast.tu-toast-warning {
  border-left: 4px solid var(--tu-warning);
}

.toast.tu-toast.tu-toast-danger {
  border-left: 4px solid var(--tu-danger);
}

.toast.tu-toast.tu-toast-info {
  border-left: 4px solid var(--tu-info);
}

.toast.tu-toast .toast-body {
  padding: 0.7rem 0.85rem;
}

.tooltip {
  --bs-tooltip-bg: #111827;
  --bs-tooltip-color: #e5e7eb;
  --bs-tooltip-border-radius: 0.5rem;
  --bs-tooltip-opacity: 1;
}

[class*="avatar-tone-0"] { background: #1d4ed8 !important; }
[class*="avatar-tone-1"] { background: #f97316 !important; }
[class*="avatar-tone-2"] { background: #0891b2 !important; }
[class*="avatar-tone-3"] { background: #475569 !important; }
[class*="avatar-tone-4"] { background: #ca8a04 !important; }
[class*="avatar-tone-5"] { background: #be185d !important; }
[class*="avatar-tone-6"] { background: #0f766e !important; }
[class*="avatar-tone-7"] { background: #334155 !important; }

.avatar-fallback-base,
.users-avatar-fallback,
.order-client-avatar-fallback,
.account-avatar-fallback {
  background-image: none !important;
}

.client-verified-badge,
.client-verified-badge.client-verified-badge-avatar {
  color: #22c55e !important;
}

.client-verified-badge.client-verified-badge-avatar {
  border-color: #16a34a !important;
  background: #052e16 !important;
}

.badge-role-youtuber,
.role-youtuber,
.users-role-tag.users-role-tag-client {
  color: #bfdbfe;
  border-color: rgba(59, 130, 246, 0.45);
  background: rgba(59, 130, 246, 0.16);
}

.badge-role-designer,
.role-designer,
.users-role-tag.users-role-tag-designer {
  color: #fed7aa;
  border-color: rgba(249, 115, 22, 0.5);
  background: rgba(249, 115, 22, 0.16);
}

.order-wf-tone-created,
.order-status-created {
  --order-tone: #64748b;
  background: rgba(100, 116, 139, 0.22) !important;
  color: #cbd5e1 !important;
}

.order-wf-tone-accepted,
.order-status-accepted {
  --order-tone: #f59e0b;
  background: rgba(245, 158, 11, 0.22) !important;
  color: #fde68a !important;
}

.order-wf-tone-doing,
.order-status-doing {
  --order-tone: #3b82f6;
  background: rgba(59, 130, 246, 0.22) !important;
  color: #bfdbfe !important;
}

.order-wf-tone-delivered,
.order-status-delivered {
  --order-tone: #6366f1;
  background: rgba(99, 102, 241, 0.22) !important;
  color: #c7d2fe !important;
}

.order-wf-tone-revision,
.order-status-revision {
  --order-tone: #f97316;
  background: rgba(249, 115, 22, 0.22) !important;
  color: #fed7aa !important;
}

.order-wf-tone-finished,
.order-status-finished {
  --order-tone: #10b981;
  background: rgba(16, 185, 129, 0.22) !important;
  color: #a7f3d0 !important;
}

.order-wf-tone-refused,
.order-status-refused,
.order-wf-tone-canceled,
.order-status-canceled {
  --order-tone: #ef4444;
  background: rgba(239, 68, 68, 0.22) !important;
  color: #fecaca !important;
}

.tu-emoji-allowed {
  font-style: normal;
}