:root {
  /* Dark sidebar */
  --mt-sidebar-bg:            #0B1020;
  --mt-sidebar-item-hover:    #121A2D;
  --mt-sidebar-item-active-soft: #24215C;
  --mt-sidebar-border:        #202A40;
  --mt-sidebar-text:          #F8FAFC;
  --mt-sidebar-text-muted:    #94A3B8;
  --mt-sidebar-icon:          #A7B0C2;
  --mt-sidebar-active-text:   #FFFFFF;

  /* Primary indigo */
  --mt-primary:               #3F3DF1;
  --mt-primary-hover:         #302ECC;
  --mt-primary-active:        #2826B8;
  --mt-primary-light:         #E9E9FF;
  --mt-primary-soft:          #F4F4FF;
  --mt-primary-gradient-start:#3F3DF1;
  --mt-primary-gradient-end:  #5B45FF;
  --mt-primary-shadow-color:  rgba(63, 61, 241, 0.24);
  --mt-sidebar-item-active-gradient: linear-gradient(135deg, var(--mt-primary) 0%, var(--mt-primary-gradient-end) 100%);

  /* Surfaces */
  --mt-app-bg:                #F7F8FC;
  --mt-surface:               #FFFFFF;
  --mt-surface-soft:          #F8F8FF;
  --mt-surface-dark:          #111827;
  /* A card raised off --mt-surface-dark. MTR-44: the mini-cart panel needed a
     tile that reads as its own surface against #111827, and the palette had
     nothing between the panel and --mt-sidebar-border (#202A40, a line colour). */
  --mt-surface-dark-raised:   #1B2537;
  --mt-surface-darkest:       #090716;
  --mt-glow-primary:          rgba(91, 69, 255, 0.38);
  --mt-border:                #E5E7EB;
  --mt-border-hover:          #C9CCDA;
  --mt-border-focus:          #3F3DF1;

  /* Text */
  --mt-text-primary:          #111827;
  --mt-text-secondary:        #5D6472;
  --mt-text-muted:            #98A2B3;
  --mt-text-on-dark:          #F8FAFC;

  /* States */
  --mt-success:               #22C55E;
  --mt-success-soft:          #ECFDF3;
  --mt-success-text:          #15803D;
  --mt-warning:               #F59E0B;
  --mt-warning-soft:          #FFFBEB;
  --mt-warning-text:          #B45309;
  --mt-error:                 #EF4444;
  --mt-error-soft:            #FEF2F2;
  --mt-error-text:            #B91C1C;
  --mt-info:                  #3B82F6;
  --mt-info-soft:             #EFF6FF;
  --mt-info-text:             #1D4ED8;

  /* Shape */
  --mt-radius-card:           14px;
  --mt-radius-nav:            10px;
  --mt-radius-pill:           999px;
  --mt-shadow-card:           0 8px 24px rgba(15, 23, 42, 0.06);
  --mt-focus-ring:            0 0 0 3px rgba(63, 61, 241, 0.14);

  /* Brand assets */
  --mt-logo-admin:            url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="108" height="24" viewBox="0 0 108 24"><rect width="24" height="24" rx="6" fill="%233F3DF1"/><path d="M6 17V7h3l3 4 3-4h3v10h-3v-5l-3 4-3-4v5H6z" fill="%23FFFFFF"/><text x="32" y="17" fill="%23FFFFFF" font-family="Arial,sans-serif" font-size="15" font-weight="600">MyTickets</text></svg>');
  --mt-logo-admin-mark:       url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><rect width="24" height="24" rx="6" fill="%233F3DF1"/><path d="M6 17V7h3l3 4 3-4h3v10h-3v-5l-3 4-3-4v5H6z" fill="%23FFFFFF"/></svg>');
}