[data-theme="dark"] {
  color-scheme: dark;

  --color-bg: #0f0e12;
  --color-surface: #15141a;
  --color-surface-soft: #1b1922;
  --color-surface-strong: #201e28;
  --color-text: #f3f2f8;
  --color-text-muted: rgba(243, 242, 248, 0.68);
  --color-border: rgba(243, 242, 248, 0.12);
  --color-border-strong: rgba(243, 242, 248, 0.18);
  --color-line: rgba(243, 242, 248, 0.1);
  --color-brand: #a48bff;
  --color-brand-alt: #673fb4;
  --color-brand-soft: rgba(164, 139, 255, 0.16);
  --color-success: #92d050;

  --color-inset: rgba(255, 255, 255, 0.04);
  --color-inset-strong: rgba(255, 255, 255, 0.06);

  --shadow-sm: 0 6px 18px rgba(0, 0, 0, 0.34);
  --shadow-md: 0 12px 24px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"]:not(.aga-login-html) {
  background:
    radial-gradient(circle at top left, rgba(164, 139, 255, 0.16) 0%, transparent 44%),
    radial-gradient(circle at right 35%, rgba(146, 208, 80, 0.08) 0%, transparent 40%),
    var(--color-bg);
}

[data-theme="dark"] body:not(.aga-login-body) {
  background: transparent;
}

[data-theme="dark"] .app-topbar,
[data-theme="dark"] .side-nav,
[data-theme="dark"] .side-brand-card,
[data-theme="dark"] .nav-toggle-btn,
[data-theme="dark"] .card,
[data-theme="dark"] .portfolio-table-wrap,
[data-theme="dark"] .agent,
[data-theme="dark"] .agent-tile,
[data-theme="dark"] .facet-card,
[data-theme="dark"] .theme-toggle-btn {
  background: var(--color-surface);
}

[data-theme="dark"] .app-topbar,
[data-theme="dark"] .side-nav {
  background: rgba(21, 20, 26, 0.72);
  backdrop-filter: blur(14px);
}

[data-theme="dark"] .hero-card,
[data-theme="dark"] .main-tab:hover,
[data-theme="dark"] .main-tab.mock:hover,
[data-theme="dark"] .profile-aside,
[data-theme="dark"] .avatar-preview-shell,
[data-theme="dark"] .toggle,
[data-theme="dark"] .chip,
[data-theme="dark"] .pill,
[data-theme="dark"] .portfolio-table thead th {
  background: var(--color-surface-soft);
}

[data-theme="dark"] .main-tab.active {
  background: linear-gradient(120deg, rgba(164, 139, 255, 0.22), rgba(103, 63, 180, 0.18));
  border-color: rgba(164, 139, 255, 0.34);
}

[data-theme="dark"] .main-tab {
  color: var(--color-text);
}

[data-theme="dark"] .nav-toggle-btn {
  border-color: var(--color-border-strong);
}

[data-theme="dark"] .side-overlay {
  background: rgba(2, 5, 11, 0.58);
}

[data-theme="dark"] .main-tab:hover {
  border-color: var(--color-border-strong);
  background: var(--color-inset-strong);
}

[data-theme="dark"] .main-tab.mock {
  color: var(--color-text-muted);
}

[data-theme="dark"] .nav-ico {
  color: var(--color-text-muted);
}

[data-theme="dark"] .nav-count {
  background: var(--color-inset);
  color: var(--color-text);
  border-color: var(--color-border-strong);
}

[data-theme="dark"] .nav-dev {
  background: var(--color-inset);
  border-color: var(--color-border-strong);
  color: var(--color-text-muted);
}

[data-theme="dark"] .btn {
  background: var(--color-inset);
  border-color: var(--color-border);
  color: var(--color-text);
}

[data-theme="dark"] .btn.primary {
  background: linear-gradient(140deg, var(--color-brand), var(--color-brand-alt));
  color: rgba(255, 255, 255, 0.94);
}

[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="number"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] input[type="time"],
[data-theme="dark"] select,
[data-theme="dark"] textarea {
  background: var(--color-inset);
  border-color: var(--color-border);
  color: var(--color-text);
}

[data-theme="dark"] .schedule-time-field {
  background: var(--color-inset);
  border-color: var(--color-border-strong);
}

[data-theme="dark"] .schedule-day-pill span {
  background: var(--color-inset);
  border-color: var(--color-border-strong);
  color: var(--color-text-muted);
}

[data-theme="dark"] .schedule-day-pill input[type="checkbox"]:checked + span {
  background: rgba(164, 139, 255, 0.18);
  border-color: rgba(164, 139, 255, 0.34);
  color: var(--color-text);
}

[data-theme="dark"] .status-paused {
  background: var(--color-inset);
  border-color: var(--color-border-strong);
  color: var(--color-text-muted);
}

[data-theme="dark"] .alert {
  background: rgba(192, 57, 43, 0.16);
  color: rgba(255, 215, 210, 0.92);
}

[data-theme="dark"] .portfolio-action-btn {
  background: var(--color-inset);
}

[data-theme="dark"] .profile-aside {
  background: var(--color-surface-soft);
  border-color: var(--color-border);
}

[data-theme="dark"] .avatar-preview-shell {
  background: var(--color-surface-soft);
  border-color: var(--color-border);
}

[data-theme="dark"] .avatar-file-picker {
  background: var(--color-inset);
  border-color: var(--color-border-strong);
  color: var(--color-text);
  box-shadow: none;
}

[data-theme="dark"] .avatar-file-picker:hover {
  background: var(--color-inset-strong);
  border-color: rgba(164, 139, 255, 0.28);
}

[data-theme="dark"] .create-mode-switch,
[data-theme="dark"] .avatar-source-switch {
  background: var(--color-inset);
  border-color: var(--color-border-strong);
}

[data-theme="dark"] .auth-login-card {
  background: rgba(21, 20, 26, 0.92);
}

[data-theme="dark"] .auth-login-card::before {
  border-color: var(--color-border-strong);
}

[data-theme="dark"] .auth-login-kicker {
  color: var(--color-text);
  border-color: rgba(164, 139, 255, 0.34);
  background: rgba(164, 139, 255, 0.16);
}

[data-theme="dark"] .auth-notice {
  border-color: rgba(164, 139, 255, 0.34);
  background: rgba(164, 139, 255, 0.14);
  color: var(--color-text);
}

[data-theme="dark"] .auth-method-switch {
  background: var(--color-inset);
  border-color: var(--color-border-strong);
}

[data-theme="dark"] .auth-method-tab {
  color: var(--color-text-muted);
}

[data-theme="dark"] .auth-method-tab:hover {
  color: var(--color-text);
}

[data-theme="dark"] .auth-method-panel {
  background: var(--color-surface-soft);
  border-color: var(--color-border);
}

[data-theme="dark"] .auth-social-btn {
  background: rgba(255, 255, 255, 0.92);
  border-color: var(--color-border);
}

[data-theme="dark"] .auth-social-btn:hover {
  background: #ffffff;
  border-color: rgba(164, 139, 255, 0.32);
}

[data-theme="dark"] .auth-form input[type="tel"] {
  background: var(--color-inset);
  border-color: var(--color-border);
  color: var(--color-text);
}

[data-theme="dark"] .auth-form .iti__selected-country-primary {
  background: var(--color-inset);
}

[data-theme="dark"] .auth-form .iti__country-list {
  background: var(--color-surface);
  border-color: var(--color-border);
  color: var(--color-text);
}

[data-theme="dark"] .auth-form .iti__country.iti__highlight {
  background: var(--color-inset-strong);
}

[data-theme="dark"] .create-mode-pill,
[data-theme="dark"] .avatar-source-pill {
  color: var(--color-text-muted);
}

[data-theme="dark"] .create-mode-lock-note {
  color: var(--color-text-muted);
}

[data-theme="dark"] .avatar-secondary-btn {
  background: var(--color-inset);
  border-color: var(--color-border-strong);
  color: var(--color-text);
}

[data-theme="dark"] .avatar-secondary-btn:hover {
  background: var(--color-inset-strong);
  border-color: rgba(164, 139, 255, 0.26);
}

[data-theme="dark"] .avatar-generated-option {
  background: var(--color-inset);
  border-color: var(--color-border-strong);
}

[data-theme="dark"] .avatar-generated-option.is-active {
  border-color: rgba(164, 139, 255, 0.62);
  box-shadow: 0 0 0 3px rgba(164, 139, 255, 0.18);
}

[data-theme="dark"] .avatar-generated-caption {
  color: var(--color-text-muted);
}

[data-theme="dark"] .avatar-cropper-dialog {
  background: var(--color-surface);
  border-color: var(--color-border);
}

[data-theme="dark"] .avatar-cropper-canvas-wrap {
  background: var(--color-inset);
  border-color: var(--color-border-strong);
}

[data-theme="dark"] .avatar-cropper-controls p {
  color: var(--color-text-muted);
}

[data-theme="dark"] .field-label-error {
  color: #ff9f95 !important;
}

[data-theme="dark"] .content-notice-alert {
  border-color: rgba(146, 208, 80, 0.34);
  background: rgba(146, 208, 80, 0.18);
  color: rgba(243, 242, 248, 0.94);
}

[data-theme="dark"] .content-post-card {
  border-color: var(--color-border);
  background: var(--color-surface);
}

[data-theme="dark"] .content-post-carousel {
  border-color: var(--color-border);
  background: var(--color-surface-soft);
}

[data-theme="dark"] .content-post-slide {
  background: var(--color-surface-soft);
}

[data-theme="dark"] .content-post-media-placeholder {
  border-color: var(--color-border-strong);
  background: var(--color-inset);
  color: var(--color-text-muted);
}

[data-theme="dark"] .content-post-carousel-btn {
  border-color: var(--color-border-strong);
  background: rgba(8, 12, 20, 0.62);
  color: rgba(255, 255, 255, 0.92);
}

[data-theme="dark"] .content-post-open-btn {
  border-color: rgba(164, 139, 255, 0.32);
  background: linear-gradient(135deg, rgba(164, 139, 255, 0.22), rgba(146, 208, 80, 0.12));
  color: rgba(255, 255, 255, 0.94);
}

[data-theme="dark"] .content-post-carousel-dot {
  background: rgba(255, 255, 255, 0.28);
}

[data-theme="dark"] .content-post-carousel-dot.is-active {
  background: rgba(255, 255, 255, 0.9);
}

[data-theme="dark"] .content-post-action-btn {
  border-color: var(--color-border);
  background: var(--color-inset);
  color: var(--color-text-muted);
}

[data-theme="dark"] .content-post-action-btn.is-like {
  color: #ff7c9f;
}

[data-theme="dark"] .content-post-action-btn:hover {
  border-color: rgba(164, 139, 255, 0.26);
  background: var(--color-inset-strong);
}

[data-theme="dark"] .content-post-action-count {
  color: var(--color-text);
}

[data-theme="dark"] .content-post-price {
  border-color: rgba(164, 139, 255, 0.26);
  background: rgba(164, 139, 255, 0.12);
  color: var(--color-text);
}

[data-theme="dark"] .content-last-publication {
  color: var(--color-text-muted);
}
