/* 张玉航的星空小站 · 夜航星图（sakura 樱花主题） */
/* 暖米白底 + 黛蓝/藤紫 + 茜红点缀 + 细衬线标题，v1.8.0 */
/* 樱花主题走"亮底"，与主站的深底形成对比，体现三套主题的独立视觉语言 */

html[data-theme="sakura"]{
  /* 背景（暖米白/和纸） */
  --bg-primary: #f7f3ea;
  --bg-secondary: #efe8d8;
  --bg-elevated: #fbf8f1;

  /* 表面（白色半透明，压在浅底上） */
  --surface: rgba(255,255,255,.72);
  --surface-hover: rgba(255,255,255,.9);
  --card-solid: rgba(255,255,255,.94);

  /* 边框（黛蓝细描边） */
  --border: rgba(58,90,138,.22);
  --border-strong: rgba(199,107,90,.55);
  --border-hover: rgba(199,107,90,.8);

  /* 文字（深黛蓝主 + 灰蓝辅，浅底上对比） */
  --text-primary: #2e3a4d;
  --text-secondary: #5a6b80;
  --text-tertiary: #8a95a8;
  --text-inverse: #f7f3ea;

  /* 点缀（黛蓝主 + 藤紫 + 茜红 + 鼠尾草） */
  --accent-gold: #d4a574;
  --accent-rose: #c76b5a;
  --accent-teal: #5a8a94;
  --accent-lilac: #8b6f9e;
  --accent-sage: #6f9478;
  --accent-alert: #c05a4a;

  /* 语义色 */
  --accent: #3a5a8a;
  --success: #6f9478;
  --warning: #d4a574;
  --error: #c05a4a;
  --info: #5a8a94;

  /* 阴影（浅底用柔和粉蓝阴影） */
  --shadow: rgba(58,90,138,.18);
  --shadow-soft: rgba(58,90,138,.12);
  --shadow-hover: 0 14px 44px rgba(58,90,138,.25);
  --shadow-glow: 0 0 24px rgba(199,107,90,.25);

  /* 背景叠加层（浅底压亮） */
  --overlay: linear-gradient(135deg, rgba(247,243,234,.6) 0%, rgba(239,232,216,.4) 100%);
  --bg-image: url('bg-sakura.jpg');

  /* 圆角 */
  --radius: 12px;
  --radius-sm: 8px;
  --radius-lg: 16px;

  /* 字族 */
  --font-display: 'Noto Serif SC', 'Songti SC', 'SimSun', serif;
  --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'HarmonyOS Sans', 'Microsoft YaHei', sans-serif;

  /* 动效 token */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-fast: 140ms;
  --dur-med: 320ms;
  --dur-slow: 600ms;
  --blur: 12px;
  --transition: all 320ms cubic-bezier(0.22, 0.61, 0.36, 1);

  /* 独立配色系统（按钮/卡片） */
  --btn-bg: var(--surface-hover);
  --btn-text: #2e3a4d;
  --btn-border: 1px solid rgba(58,90,138,.3);
  --btn-hover: var(--surface-hover);
  --btn-hover-shadow: 0 0 20px rgba(199,107,90,.3), 0 14px 44px rgba(58,90,138,.25);
  --card-bg: rgba(255,255,255,.85);
  --card-border: 1px solid rgba(58,90,138,.2);
  --theme-subtitle: '花之章 · 落樱时节';
}

/* 樱花卡片：白色 + 黛蓝细描边 + hover 茜红发光 */
html[data-theme="sakura"] .card,
html[data-theme="sakura"] .home-card,
html[data-theme="sakura"] .section,
html[data-theme="sakura"] .modal-content,
html[data-theme="sakura"] .checklist li{
  border: 1px solid rgba(58,90,138,.2);
  border-radius: 12px;
  box-shadow: 0 3px 12px rgba(58,90,138,.12);
}
html[data-theme="sakura"] .card:hover,
html[data-theme="sakura"] .home-card:hover{
  border-color: rgba(199,107,90,.55);
  box-shadow: 0 14px 44px rgba(58,90,138,.25), 0 0 24px rgba(199,107,90,.25);
}

/* 樱花主题标题：细衬线 */
html[data-theme="sakura"] h1,
html[data-theme="sakura"] h2,
html[data-theme="sakura"] h3{
  font-family: 'Noto Serif SC', 'Songti SC', 'SimSun', serif;
  font-weight: 600;
  letter-spacing: .5px;
  color: #2e3a4d;
}