/**
 * 少儿单词 App 设计令牌（便于迁入 Figma Variables）
 */

:root {
  --kid-primary: #6366f1;
  --kid-primary-dark: #4f46e5;
  --kid-accent: #f472b6;
  --kid-mint: #34d399;
  --kid-sun: #fbbf24;
  --kid-surface: #0f172a;
  --kid-surface-2: #1e293b;
  --kid-card: rgba(30, 41, 59, 0.72);
  --kid-text: #f8fafc;
  --kid-muted: #94a3b8;
}

.glass-card {
  background: var(--kid-card);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(148, 163, 184, 0.12);
}

.text-gradient-kid {
  background: linear-gradient(135deg, #a5b4fc 0%, #f472b6 50%, #fcd34d 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.mesh-bg {
  background:
    radial-gradient(ellipse 80% 50% at 20% -10%, rgba(99, 102, 241, 0.35), transparent),
    radial-gradient(ellipse 60% 40% at 100% 0%, rgba(244, 114, 182, 0.2), transparent),
    radial-gradient(ellipse 50% 30% at 50% 100%, rgba(52, 211, 153, 0.15), transparent),
    var(--kid-surface);
}