/* Soft Ambient AI. Brand stays exact; ink on brand meets small-text contrast. */
:root {
  --ai-brand: #7286ff;
  --ai-title-gradient: linear-gradient(to right, #4a64ff, #282B38);
  --ai-brand-ink: #17234f;
  --ai-link: #4d5fba;
  --ai-ink: #282B38;
  --ai-muted: #626b7c;
  --ai-canvas: #f6f7fb;
  --ai-white: #ffffff;
  --ai-soft: #f1f4fc;
  --ai-blue: #eaf3fc;
  --ai-lavender: #f0edfb;
  --ai-selected: #e9edff;
  --ai-border: #e6eaf3;
  --ai-border-strong: #d5dced;
  --ai-radius-card: 24px;
  --ai-radius-inset: 20px;
  --ai-radius-pill: 999px;
  --ai-space-1: 8px;
  --ai-space-2: 12px;
  --ai-space-3: 16px;
  --ai-space-4: 24px;
  --ai-space-5: 32px;
  --ai-shadow-card: 0 4px 24px rgb(56 72 118 / 4%);
  --ai-shadow-float: 0 8px 28px rgb(56 72 118 / 7%);
  --ai-shadow-action: 0 4px 12px rgb(114 134 255 / 14%);
  --ai-glass: rgb(255 255 255 / 88%);
  --ai-ambient: radial-gradient(ellipse 95% 48% at 0% 0%, #e6effb 0%, transparent 75%),
    radial-gradient(ellipse 85% 42% at 100% 12%, #ece8fa 0%, transparent 76%),
    var(--ai-canvas);
  --ai-orb: radial-gradient(circle at 30% 24%, #ffffffed, transparent 40%),
    radial-gradient(ellipse at 75% 75%, #c1e4f4, transparent 60%),
    radial-gradient(ellipse at 25% 75%, #b4bdfa, transparent 65%), #dee2fc;
  --ai-ease: cubic-bezier(.22, .68, .3, 1);
  --ai-duration: 240ms;
}