/**
 * Lemon 夜空视觉层（loader 背景 + App.vue 全局星空）
 * 颜色 token 在 lemon-design-tokens.css，本文件只放渐变图像
 */
:root {
  --lemon-night-base: #15062b;

  --lemon-night-loader-image:
    radial-gradient(ellipse 80% 50% at 50% -10%, rgba(106, 7, 255, 0.45) 0%, transparent 55%),
    radial-gradient(ellipse 60% 40% at 100% 30%, rgba(156, 91, 252, 0.28) 0%, transparent 50%),
    linear-gradient(180deg, #40027b 0%, #0e1c76 18%, #371371 42%, #15062b 72%, #15062b 100%);

  --lemon-night-sky-image:
    radial-gradient(1.5px 1.5px at 20% 30%, rgba(255, 255, 255, 0.45) 50%, transparent 100%),
    radial-gradient(1px 1px at 60% 15%, rgba(255, 255, 255, 0.35) 50%, transparent 100%),
    radial-gradient(1.2px 1.2px at 80% 40%, rgba(255, 255, 255, 0.30) 50%, transparent 100%),
    radial-gradient(ellipse 80% 50% at 50% -10%, rgba(106, 7, 255, 0.45) 0%, transparent 55%),
    radial-gradient(ellipse 60% 40% at 100% 30%, rgba(156, 91, 252, 0.28) 0%, transparent 50%),
    radial-gradient(ellipse 70% 50% at 0% 80%, rgba(64, 0, 255, 0.35) 0%, transparent 55%),
    linear-gradient(180deg, #40027b 0%, #0e1c76 18%, #371371 42%, #15062b 72%, #15062b 100%);

  --lemon-text-on-night: rgba(255, 255, 255, 0.88);
  --lemon-text-muted-on-night: rgba(255, 255, 255, 0.72);
}