:root[data-theme="modernred"] {
  --color-bg:              #ffffff;
  --color-surface:         #fff5f5;
  --color-surface-alt:     #fee2e2;
  --color-border:          #261010;
  --color-primary:         #bf2a2a;
  --color-primary-hover:   #991b1b;
  --color-primary-glow:    rgba(191, 42, 42, 0.3);
  --color-text:            #261010;
  --color-text-muted:      #9e9b9b;
  --color-text-on-primary: #ffffff;
  --color-accent:          #bf2a2a;
  --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(191, 42, 42, 0.1);
  --shadow-md:             0 4px 20px rgba(191, 42, 42, 0.2);
  --shadow-lg:             0 8px 40px rgba(191, 42, 42, 0.3);
  --shadow-neu-out:        none;
  --shadow-neu-in:         none;
}