/* Celeste Blog 主题变量 */
:root {
  /* 主色调 - 暖色系列 */
  --color-primary: #FFC896;    /* 主暖色 */
  --color-primary-dark: #FFB78A;
  --color-primary-light: #FFD9B3;

  /* 中性色 */
  --color-bg: #0F0C29;
  --color-surface: rgba(15, 12, 41, 0.8);
  --color-surface-light: rgba(255, 255, 255, 0.1);
  --color-surface-lighter: rgba(255, 255, 255, 0.05);
  --color-text: #E8E8F0;
  --color-text-muted: #B0B0B0;
  --color-border: rgba(255, 235, 59, 0.3);

  /* 过渡效果 */
  --transition-fast: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --transition-normal: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --transition-slow: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);

  /* 动画时间 */
  --animation-fast: 200ms;
  --animation-normal: 400ms;
  --animation-slow: 600ms;

  /* 圆角 */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;

  /* 阴影 */
  --shadow-sm: 0 2px 4px rgba(0,0,0,0.1);
  --shadow-md: 0 4px 8px rgba(0,0,0,0.15);
  --shadow-lg: 0 8px 16px rgba(0,0,0,0.2);
  --shadow-xl: 0 16px 32px rgba(0,0,0,0.25);

  /* 过渡颜色 - 用于淡入淡出效果 */
  --page-fade-color: rgba(255, 200, 150, 0.8); /* 暖桃色 */
  --article-loading-color: rgba(255, 200, 150, 0.8); /* 暖桃色 */
}