/* 张玉航的星空小站 · 夜航星图（starry 默认主题） */
/* 深靛蓝 + 月白 + 琥珀金 + 细衬线标题，v1.8.0 视觉系统 */

html[data-theme="starry"]{
  /* 背景（午夜深蓝靛） */
  --bg-primary: #0d1230;
  --bg-secondary: #1a2150;
  --bg-elevated: #141a3f;

  /* 表面 */
  --surface: rgba(20,26,63,.72);
  --surface-hover: rgba(30,38,84,.82);
  --card-solid: rgba(18,23,54,.94);

  /* 边框 */
  --border: rgba(140,150,200,.28);
  --border-strong: rgba(232,176,77,.55);
  --border-hover: rgba(232,176,77,.8);

  /* 文字 */
  --text-primary: #f4f1e8;
  --text-secondary: #a8b0cc;
  --text-tertiary: #6b7394;
  --text-inverse: #0d1230;

  /* 点缀（琥珀金主 + 暗玫瑰暖 + 青灰冷 + 暗紫） */
  --accent-gold: #e8b04d;
  --accent-rose: #c77b8b;
  --accent-teal: #6fb3b8;
  --accent-lilac: #9d8fc7;
  --accent-sage: #8fb89f;
  --accent-alert: #d9785f;

  /* 语义色 */
  --accent: #e8b04d;
  --success: #8fb89f;
  --warning: #e8b04d;
  --error: #d9785f;
  --info: #6fb3b8;

  /* 阴影 */
  --shadow: rgba(0,0,0,.4);
  --shadow-soft: rgba(0,0,0,.28);
  --shadow-hover: 0 14px 44px rgba(0,0,0,.5);
  --shadow-glow: 0 0 24px rgba(232,176,77,.28);

  /* 背景叠加层 */
  --overlay: linear-gradient(135deg, rgba(13,18,48,.72) 0%, rgba(26,33,80,.5) 100%);
  --bg-image: url('bg-starry.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: #f4f1e8;
  --btn-border: 1px solid rgba(232,176,77,.4);
  --btn-hover: var(--surface-hover);
  --btn-hover-shadow: 0 0 20px rgba(232,176,77,.4), 0 14px 44px rgba(0,0,0,.5);
  --card-bg: rgba(20,26,63,.75);
  --card-border: 1px solid rgba(140,150,200,.3);
  --theme-subtitle: '夜之章 · 星河与你';
}

/* 夜航星图卡片：细描边 + 轻投影 + hover 琥珀金发光 */
html[data-theme="starry"] .card,
html[data-theme="starry"] .home-card,
html[data-theme="starry"] .section,
html[data-theme="starry"] .modal-content,
html[data-theme="starry"] .checklist li{
  border: 1px solid rgba(140,150,200,.3);
  border-radius: 12px;
  box-shadow: 0 3px 12px rgba(0,0,0,.28);
}
html[data-theme="starry"] .card:hover,
html[data-theme="starry"] .home-card:hover{
  border-color: rgba(232,176,77,.55);
  box-shadow: 0 14px 44px rgba(0,0,0,.5), 0 0 24px rgba(232,176,77,.28);
}

/* 夜航星图标题：细衬线 */
html[data-theme="starry"] h1,
html[data-theme="starry"] h2,
html[data-theme="starry"] h3{
  font-family: 'Noto Serif SC', 'Songti SC', 'SimSun', serif;
  font-weight: 600;
  letter-spacing: .5px;
  color: #f4f1e8;
}