/* === 🌤️ Pastel Lemon Cream Theme for Mastodon === */
/* Designed for tensisasayaki.com by ChatGPT */

/* 전체 배경: 부드러운 옅은 노랑에서 흰빛으로 */
body {
  background: linear-gradient(180deg, #fff9e6 0%, #ffffff 100%) !important;
  font-family: "Noto Sans KR", "Inter", sans-serif !important;
  color: #555 !important;
}

/* 상단 헤더 */
.ui__header {
  background: #fff4cc !important; /* 은은한 크림 옐로우 */
  border-bottom: 1px solid rgba(0,0,0,0.05);
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

/* 사이드 메뉴 및 타임라인 배경 */
.column, .drawer, .columns-area {
  background-color: #fffdf8 !important;
}

/* 버튼 (게시, 팔로우 등) */
.button,
.button--primary,
button {
  background-color: #f3d981 !important; /* 밝은 노란빛 */
  color: #5a4b00 !important;
  border-radius: 10px !important;
  border: none !important;
  transition: background 0.25s ease;
  font-weight: 600;
}
.button:hover {
  background-color: #efd469 !important;
}

/* 게시물 카드 */
.status {
  background-color: #ffffffd8 !important;
  border: 1px solid #f1e9c2 !important;
  border-radius: 14px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  padding: 10px !important;
  margin-bottom: 12px !important;
}

/* 링크 색상 */
a {
  color: #a4a065 !important; /* 부드러운 올리브 베이지 */
}
a:hover {
  color: #8e874d !important;
}

/* 게시 버튼 영역 */
.compose-form__publish-button-wrapper .button {
  background-color: #f6db8b !important;
  color: #5a4b00 !important;
}
.compose-form__publish-button-wrapper .button:hover {
  background-color: #f2d274 !important;
}

/* 알림창 */
.notification {
  background-color: #fffef8 !important;
  border: 1px solid #f5eccf !important;
  border-radius: 10px !important;
}

/* 강조 텍스트 */
strong, b {
  color: #4d4a3a !important;
}

/* 브랜드 로고 텍스트 */
.brand__wordmark {
  color: #c9b75c !important; /* 금빛 포인트 */
  font-weight: 700;
  letter-spacing: 0.5px;
}

/* 스크롤바 */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(240, 210, 120, 0.4);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(240, 210, 120, 0.6);
}

/* 입력창 */
.compose-form__textarea {
  background-color: #fffefb !important;
  border: 1px solid #f2ebd0 !important;
  border-radius: 8px !important;
}

/* 프로필 카드 */
.account__header, .account__section-headline {
  background-color: #fff9e6 !important;
  border: none !important;
}