:root[data-theme="sunset"] {
  color-scheme: light;
  --ink: #4a2d24;
  --muted: #7d5f56;
  --paper: #fff4ee;
  --white: #fffdfb;
  --green: #d86f4b;
  --green-dark: #b85d3a;
  --line: #f1d7c8;
  --orange: #dc7b4a;
  --orange-bright: #f4a266;
  --shadow-sm: 0 1px 2px rgba(96, 52, 40, 0.06);
  --shadow-md: 0 4px 16px rgba(96, 52, 40, 0.12);
  --shadow-lg: 0 16px 48px rgba(96, 52, 40, 0.14);
}

:root[data-theme="sunset"] body { background: var(--paper); }

:root[data-theme="sunset"] .page { background: #f9d1b2; }
:root[data-theme="sunset"] .story { background: #f5c6ae; }
:root[data-theme="sunset"] .login-side {
  background: linear-gradient(145deg, #fff5f0 0%, #ffe7da 100%);
}

:root[data-theme="sunset"] .auth-art {
  background:
    radial-gradient(90% 70% at 12% 8%, rgba(255, 248, 214, 0.38) 0%, transparent 56%),
    radial-gradient(90% 80% at 80% 95%, rgba(185, 78, 48, 0.22) 0%, transparent 60%),
    linear-gradient(165deg, #f4b082 0%, #ea8d64 28%, #c66045 62%, #7c4335 100%);
}

:root[data-theme="sunset"] .dashboard-greeting {
  background: linear-gradient(135deg, #fff0e7 0%, #ffe9df 100%);
}

:root[data-theme="sunset"] .dashboard-avatar,
:root[data-theme="sunset"] .profile-photo-preview {
  background: linear-gradient(140deg, #f9d1b5, #f0b389);
  border-color: var(--green);
}

:root[data-theme="sunset"] .account-summary dl > div,
:root[data-theme="sunset"] .received-comment,
:root[data-theme="sunset"] .comments-empty {
  background: #fff4ee;
  border-color: var(--line);
}

:root[data-theme="sunset"] .photo-status-preview,
:root[data-theme="sunset"] .photo-status-image-button,
:root[data-theme="sunset"] .admin-user-photo,
:root[data-theme="sunset"] .admin-user-photo-empty {
  background: #fde7dc;
}

:root[data-theme="sunset"] .dashboard-header,
:root[data-theme="sunset"] .dashboard-topbar {
  background: var(--white);
}

:root[data-theme="sunset"] .dashboard-account-avatar,
:root[data-theme="sunset"] .rail-user-avatar,
:root[data-theme="sunset"] .composer-avatar {
  background: linear-gradient(140deg, #e58a5c, #b75e42);
}

:root[data-theme="sunset"] .rail-nav,
:root[data-theme="sunset"] .rail-user,
:root[data-theme="sunset"] .composer,
:root[data-theme="sunset"] .feed-section,
:root[data-theme="sunset"] .comments-section,
:root[data-theme="sunset"] .profile-card,
:root[data-theme="sunset"] .compose-card {
  background: var(--white);
}

:root[data-theme="sunset"] .rail-link:hover,
:root[data-theme="sunset"] .rail-link.is-current,
:root[data-theme="sunset"] .dashboard-nav-link:hover,
:root[data-theme="sunset"] .dashboard-nav-link.is-current {
  color: var(--green);
  background: rgba(216, 111, 75, 0.1);
}

:root[data-theme="sunset"] .quota { background: #fff1ea; }
:root[data-theme="sunset"] .quota-bar { background: #f0d0bf; }

:root[data-theme="sunset"] .profile-card .profile-photo-preview {
  border-color: #f0c8b5;
  box-shadow: 0 0 0 4px rgba(216, 111, 75, 0.12), var(--shadow-md);
}

:root[data-theme="sunset"] .auth-note {
  background: rgba(216, 111, 75, 0.08);
}
