:root[data-theme="moderndark"] {
  --color-bg:              #222831;
  --color-surface:         #2d333d;
  --color-surface-alt:     #393e46;
  --color-border:          rgba(0, 173, 181, 0.3);
  --color-primary:         #00adb5;
  --color-primary-hover:   #00c8d2;
  --color-primary-glow:    rgba(0, 173, 181, 0.25);
  --color-text:            #eeeeee;
  --color-text-muted:      #9ca3af;
  --color-text-on-primary: #222831;
  --color-accent:          #00adb5;
  --font-heading:          'Inter', system-ui, sans-serif;
  --font-body:             'Inter', system-ui, sans-serif;
  --radius-sm:             4px;
  --radius-md:             8px;
  --radius-lg:             16px;
  --radius-full:           9999px;
  --transition:            all 0.3s ease;
  --shadow-sm:             0 2px 8px rgba(0,0,0,0.3);
  --shadow-md:             0 4px 20px rgba(0, 173, 181, 0.15);
  --shadow-lg:             0 8px 40px rgba(0, 173, 181, 0.25);
  --shadow-neu-out:        none;
  --shadow-neu-in:         none;
}