:root[data-theme="neumorphism"] {
  --color-bg:              #e0e5ec;
  --color-surface:         #e0e5ec;
  --color-surface-alt:     #eef0f5;
  --color-border:          rgba(163, 177, 198, 0.4);
  --color-primary:         #6b46c1;
  --color-primary-hover:   #7c3aed;
  --color-primary-glow:    rgba(107, 70, 193, 0.3);
  --color-text:            #4a5568;
  --color-text-muted:      #718096;
  --color-text-on-primary: #ffffff;
  --color-accent:          #6b46c1;
  --font-heading:          'Inter', system-ui, sans-serif;
  --font-body:             'Inter', system-ui, sans-serif;
  --radius-sm:             8px;
  --radius-md:             12px;
  --radius-lg:             20px;
  --radius-full:           9999px;
  --transition:            all 0.3s ease;
  --shadow-sm:             4px 4px 8px rgb(163,177,198,0.6), -4px -4px 8px rgba(255,255,255,0.5);
  --shadow-md:             9px 9px 16px rgb(163,177,198,0.6), -9px -9px 16px rgba(255,255,255,0.5);
  --shadow-lg:             14px 14px 28px rgb(163,177,198,0.6), -14px -14px 28px rgba(255,255,255,0.5);
  --shadow-neu-out:        9px 9px 16px rgb(163,177,198,0.6), -9px -9px 16px rgba(255,255,255,0.5);
  --shadow-neu-in:         inset 6px 6px 10px rgb(163,177,198,0.6), inset -6px -6px 10px rgba(255,255,255,0.5);
}