/* 伤感咩吖 — 四主题色（标题色 + 最浅磨砂底） */

/* 默认：蛾棕 Moth-Brown（皮革笔记本） */
:root,
[data-theme='moth'] {
  --theme-strong: #8B6B4A;
  --theme-deep: #5b4530;
  --theme-soft: #F5E8D4;
  --theme-softer: #fbf2e2;
  --theme-ink: #3a2a1c;
  --theme-name: '蛾棕';
}

/* 酒红 Wine */
[data-theme='wine'] {
  --theme-strong: #A8334C;
  --theme-deep: #6f1f30;
  --theme-soft: #FBE3E3;
  --theme-softer: #fff1f1;
  --theme-ink: #4a1320;
  --theme-name: '酒红';
}

/* 深蓝 Deep-Blue */
[data-theme='deep'] {
  --theme-strong: #3B5A8C;
  --theme-deep: #243c66;
  --theme-soft: #D6E7F7;
  --theme-softer: #ecf3fb;
  --theme-ink: #15213a;
  --theme-name: '深蓝';
}

/* 玫红 Rose */
[data-theme='rose'] {
  --theme-strong: #B23A6D;
  --theme-deep: #7a2249;
  --theme-soft: #F8D9E4;
  --theme-softer: #fdecf2;
  --theme-ink: #481728;
  --theme-name: '玫红';
}

/* —— 主题色选择器（圆形按钮，所有页面共用） —— */
.theme-picker {
  display: flex;
  gap: 14px;
  align-items: center;
}

.theme-picker.vertical {
  flex-direction: column;
}

.theme-picker .swatch {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.7);
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.35),
    0 0 0 1px rgba(0, 0, 0, 0.25) inset;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
  position: relative;
}

.theme-picker .swatch[data-key='moth'] { background: #8B6B4A; }
.theme-picker .swatch[data-key='wine'] { background: #A8334C; }
.theme-picker .swatch[data-key='deep'] { background: #3B5A8C; }
.theme-picker .swatch[data-key='rose'] { background: #B23A6D; }

.theme-picker .swatch:hover {
  transform: scale(1.15);
}

.theme-picker .swatch[aria-pressed='true'] {
  transform: scale(1.18);
  border-color: #fff;
  box-shadow:
    0 0 0 3px rgba(255, 255, 255, 0.35),
    0 4px 10px rgba(0, 0, 0, 0.4);
}

.theme-picker .swatch[aria-pressed='true']::after {
  content: '';
  position: absolute;
  inset: 50%;
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
  background: #fff;
  border-radius: 50%;
}